Dataliths Github FAQ

Simple React components to create
beautiful data visualizations.

Datalith is a collection of clean, lightweight and easily customizable components.

The purpose is to provide an easy way to integrate custom data visualizations in any React project.
The components were designed with simplicity in mind,
the dataset is the only requirement.

Single install:
yarn add datalith
Scoped packages install:
yarn add @datalith/flower @datalith/hexmap @datalith/...
Check out the Storybook to see available charts and documentation

Typed React components for optimal DX

All of the components are statically typed.
If you use Typescript you can get live type checking with intellisense
as well as the awesome tooling ts comes with.

Simple, shared API

Each React component share a common set of configurations,
as well as data accessor functions provided as props, to associate
each chart feature with the correct data point.

Easy to integrate, customize, and enhance

The scoped package install allows to only plug in the packages you need for your project.
The charts are quickly customizable, and may be easily extended with additional svg elements (e.g. to add axis or labels) using the additionalElements prop.

</> with ♥︎ by Luca Falasco