-
Notifications
You must be signed in to change notification settings - Fork 53
Home
d3Kit is a lightweight scaffold for building components with d3.js. After working on various projects, we found ourselves implementing the same block of code over and over to set the dimension, dispatch events, manage auto-resizing, etc. These repetitive tasks are extracted into d3Kit for everyone's sake.
Please read Getting started guide for how to use d3Kit in your project and see API Reference for full documentation.
Gallery is also a good place to browse examples.
At a glance, here are a few things d3Kit provides for you:
Creating a skeleton does all the basic groundwork for you before creating any chart. Groundwork tasks include, but not limited to:
- Setup the chart according to d3's margin convention
- Support auto-resizing
- and many more...
The chartlets are chart components which can be used across different charts. You can specify d3 style properties each time you use a chartlet, and chartlets dispatch events.
A utility for creating layers from a given config. If you have a habit of creating many <g> to layer your visual elements. This utility will let you create nested layers easily in one command.