Skip to content
Reusable d3-based chart library.
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
build fix for pie chart transform Jul 16, 2018
docs finished adding support for d3-annotation Jan 4, 2018
examples fix for pie chart transform Jul 16, 2018
logo
spec added dynamic values for svgBar baseline Jan 22, 2018
src
.babelrc
.eslintrc.json Fixes/improvements to svgPie and chartPie. Added documentation. Mar 20, 2017
.gitignore
.npmignore initial commit Feb 9, 2017
LICENSE finished adding support for d3-annotation Jan 4, 2018
README.md
book.json Readme updated, removed built in vue components, added support for d3… Dec 15, 2017
package.json
rollup.config.js
yarn.lock fix for d3-inteprolate-path dependency Dec 17, 2017

README.md

D2B: Data to DashBoards

A reusable d3-based chart library.

Installing

If you use NPM, npm install d2b. Otherwise, you can download the latest build here or install it via CDN.

API Reference

You can see the d2b API references here.

Optional Dependencies

  • font awesome icons: Many of the charts use this icon set.

  • d3-sankey: Used by the d2b sankey chart and sankey svg. If using NPM this dependency will automatically be included.

  • d3-interpolate-path: Used by the d2b v > 0.0.41 line svg and area svg for smoother interpolation. This dependency is optional, by default d3's path interpolation will be used. If installing with NPM this dependency will automatically be included.

Examples

You can try out many d2b live code examples here.

If you are using Vue.js there is a vue-d2b plugin that makes using d2b even easier.

d2b.chartAxis()

Axis Chart


d2b.chartSunburst()

Sunburst Chart


d2b.chartSankey()

Sankey Chart


d2b.chartPie()

Pie Chart


Some examples of mix and match d2b.chartAxis() generators.


d2b.svgBoxPlot()

Svg Box Plot


d2b.svgBubblePack()

Svg Bubble Pack


d2b.svgArea()

Svg Area


d2b.svgLine()

Svg Line


d2b.svgScatter()

Svg Scatter


d2b.svgBar()

Svg Bar


You can’t perform that action at this time.