@keen.io/charts

The @keen.io/charts is set of reusable plots components built with React and D3. Charts are part of a @keen.io/widgets and @keen.io/dataviz packages that could be used to seamlessly embed and deliver metrics within your user interface.

Charts plots theme could be fully customized by providing theme object. Each of chart plot supports a lot of configuration options to adjust it to Your own needs.

Installing

For Front-End applications use standard npm or yarn package manager.

yarn add @keen.io/charts

Examples

import { BarChart } from '@keen.io/charts';

const chartData = [
  { name: 'Windows', users: 3, licenses: 52, shops: 12 },
  { name: 'MacOS', users: 19, licenses: 82, shops: 15 },
  { name: 'Linux', users: 20, licenses: 15, shops: 23 },
  { name: 'Android', users: 3, licenses: 15, shops: 30 },
];

<BarChart data={chartData} useDynamicLayout labelSelector="name" keys={['users', 'licenses', 'shops']} />

For more examples check the Keen Storybook.