# Prerequisites

*Category:* Components
*Section:* Charts
*Source:* https://uikit.developers.rio.cloud/#/components/chartsGettingStarted
*Captured:* 2026-04-27T14:59:09.074Z

The UIKIT chart components are simple wrapper components for the Recharts charting library.

## Prerequisites

The goal is to provide an abstraction of low-level charting api's for simple usage without digging too much into D3 details and to provide a common look and feel for charts.

However, this does not mean you have to use it. If you need further customization not covered by the UIKIT, feel free to use the library directly or to use any other visualization library.

## How to use the chart components

The RIO UIKIT does include the recharts dependency, means you do not have to add it for your project separately.

However, we recommend tree-shaking the UIKIT, which means the components you do not use are not ending up in your bundle. That means you should import only ES modules into your project. To do so, import components as follows:

import PieChart from '@rio-cloud/rio-uikit/PieChart';

> Note: When using a chart in your application, do not get fancy and try to stick to the proposed examples or at least base your chart upon them. That will save time and money and, equally important, gives the user a coherent look and feel across the different services.

## Ideas for better data visualization

Consider some of the ideas and tips listed on that article: https://uxdesign.cc/20-ideas-for-better-data-visualization-73f7e3c2782d