Hello, fellow D3er!

D3.js is a great JavaScript library that allows you to create custom data visualizations. This code generator helps you get off the ground quickly by automatically producing source code templates for various chart configurations. The generated source code is loosely based on Mike Bostock's D3 bar chart tutorial.

 

1. Data Editor

Paste your CSV data here. Learn more about d3 CSV parsing...

2. Bar Chart Configuration

Configure your chart and press Generate Chart to load the source code.

 

3. Source Code Editor

Export HTML...

The chart is rendered in the DOM element with the id chart. It automatically updates when you modify the source code.

4. Preview

No chart generated yet!