Introduction

Component-Kit is a powerful charting library that combines UI-Components and Charting Components. It aids in rapidly creating data driven dashboards.

Charting Components:

<XYAxis/> - Component Renders XY Axis, as well as optionally a grid.
<AreaChart/> - Component Renders graphically quantitative data.
<LineChart/> - Component Renders a series of data points connected by straight line segments.
<BarChart/> - Component Renders vertical bars to show comparisons among categories.
<ScatterPlot/> - Component Renders a plot based on one or many datasets.
<PieChart/> - Component Renders a circle is divided into sectors that each represent a proportion of the whole. (set it to Donut chart by passing in donut prop)
<RadarChart/> - Component Renders a sequence of equi-angular spokes called radii with an overlayed area (<RadarArea/>) to provide comparisons of the dataset.

Utility Component:

<Responsive/> - Component Wraps Charting Components and makes them Responsive and Mobile-Friendly.

Charts Coming soon:

UI Components:

<Cards/> - Component renders a card that may take in a chart followed by some descriptions and optionally links.
<FooterNavigation/> - Component renders a navigation at the footer of the page. Lets you navigate between Dashboards.
<Platter/> - Component renders a rectangle with a nice shadow to that takes in a chart and provides contrast from background.
<Panels/> - Component renders a slim rectangle with a title. When toggled displays content.
<Tabs/> - Component renders tabs that represent what content to show based on the active tab.

UI Component Coming soon: