@chsk/core NPM

@chsk/core

@chsk/core is a data visualization framework for React. It provides tools for customizable, extendable, and dynamic story-telling with data.

Features

The package provides React components that create commonly-used chart elements as scalable vector graphics (svg).

Chart and view components provide the basic infrastructure to create svg graphics
Axis components draw x- and y- axes
Legend components provide support for legends with categorical items, color scales, and size scales
Shape components display basic shapes, including rectangles, lines, and paths so that they may be animated
Typography components handle text
Tooltip components manage tooltips

In addition, @chsk/core sets up infrastructure that allows for customization and extension.

Hooks provide a means for custom components to retrieve chart state
Interactivity wrappers manage user interactions such as mouse events
Milestone infrastructure enables toggling visibility of chart elements to support incremental story-telling
Utility functions enable add-ons to re-use code related to chart state, scales, colors, etc.
Typescript throughout the code base

Add-ons

While @chsk/core provides infrastructure that is relevant to data visualization in general, support for specific chart types is available through add-on packages.

@chsk/annotation provides miscellaneous elements that can be used to enrich base charts, e.g. arrows, labels, symbols, and markers
@chsk/band creates charts with one categorical axis and one continuous axis, e.g. bar charts
@chsk/matrix supports charts with two categorical axes, e.g. heat maps
@chsk/polar supports charts using polar coordinates, e.g. pie charts
@chsk/set generates Venn diagrams
@chsk/themes provides a collection of objects that change chart look-and-feel
@chs/xy creates charts with two continuous axes, e.g. scatter charts

Documentation

See here

Credits

@chsk/core relies on react for managing state and framer-motion for animations. It uses d3 libraries for many visualization-related calculations and lodash for general-purpose data processing.