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
The components were designed with simplicity in mind,
the dataset is the only requirement.
yarn add datalith
yarn add @datalith/flower @datalith/hexmap @datalith/...
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.
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.
The scoped package install allows to only plug in the packages you need for your
The charts are quickly customizable, and may be easily extended with additional svg elements (e.g. to add axis or labels) using the