d3Kit

d3Kit is a set of tools to speed D3 related project development.

It is a lightweight library (~8KB, minified) to help you do the basic groundwork tasks you need when building visualizations with d3. d3Kit features include, but are not limited to:

• Setup <svg> according to d3's margin convention, make it support auto-resizing and add other convenient functions. We called it a "Skeleton" for your visualization.
• Help you create reusable component.
• Help you create reusable subcomponent (a.k.a. Chartlet).
• and many more...

Here are a few examples of d3Kit in action:

• Dot in a box
• Bubble Chart
• Reusable Bubble Chart
• Circle Chartlet

For more examples, check out our gallery.

Want to learn more? See the wiki or API Reference

Can't wait to try it?

bower install d3kit

or

npm install d3kit

Authors

• Robert Harris @trebor
• Krist Wongsuphasawat @kristw