@keen.io/charts
TypeScript icon, indicating that this package has built-in type declarations

2.40.10 • Public • Published

@keen.io/charts

Known Vulnerabilities

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.

Readme

Keywords

none

Package Sidebar

Install

npm i @keen.io/charts

Weekly Downloads

87

Version

2.40.10

License

MIT

Unpacked Size

598 kB

Total Files

670

Last publish

Collaborators

  • aleksanderpapiez
  • keen_developer