https://github.com/d2bjs/d2b

Reusable d3-based chart library.
https://github.com/d2bjs/d2b

Last synced: 3 months ago
JSON representation

Reusable d3-based chart library.

• Host: GitHub
• URL: https://github.com/d2bjs/d2b
• Owner: d2bjs
• License: bsd-3-clause
• Created: 2017-02-21T16:12:26.000Z (almost 8 years ago)
• Default Branch: master
• Last Pushed: 2022-12-03T12:34:31.000Z (about 2 years ago)
• Last Synced: 2024-10-06T11:47:18.714Z (4 months ago)
• Language: JavaScript
• Homepage: http://d2bjs.org
• Size: 12 MB
• Stars: 97
• Watchers: 12
• Forks: 17
• Open Issues: 22
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

• awesome-d3 - d2b - Chart library for axis, pie, sankey, sunburst charts (Charts)
• awesome-d3 - d2b - Chart library for axis, pie, sankey, sunburst charts (Charts)
• awesome-d3 - d2b - Chart library for axis, pie, sankey, sunburst charts (Charts)

README

        
# 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](https://github.com/d2bjs/d2b) or install it via [CDN](https://unpkg.com/d2b/dist/d2b.min.js).

## API Reference

You can see the d2b API references [here](http://docs.d2bjs.org).

## Optional Dependencies

- [font awesome icons](http://fontawesome.io/get-started/): Many of the charts use this icon set.

- [d3-sankey](https://github.com/d3/d3-sankey): Used by the d2b [sankey chart](./charts/sankey.md) and [sankey svg](./svg/sankey.md). If using NPM this dependency will automatically be included.

- [d3-interpolate-path](https://github.com/pbeshai/d3-interpolate-path): Used by the d2b `v > 0.0.41` [line svg](./svg/line.md) and [area svg](./svg/area.md) 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](http://d2bjs.org).

If you are using Vue.js there is a [vue-d2b](https://github.com/d2bjs/vue-d2b) plugin that makes using d2b even easier.

d2b.chartAxis()


d2b.chartSunburst()


d2b.chartSankey()


d2b.chartPie()


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




d2b.svgBoxPlot()


d2b.svgBubblePack()


d2b.svgArea()


d2b.svgLine()


d2b.svgScatter()


d2b.svgBar()