{"id":13481091,"url":"https://github.com/d2bjs/d2b","last_synced_at":"2025-03-17T15:13:15.680Z","repository":{"id":37735313,"uuid":"82700307","full_name":"d2bjs/d2b","owner":"d2bjs","description":"Reusable d3-based chart library.","archived":false,"fork":false,"pushed_at":"2022-12-03T12:34:31.000Z","size":12597,"stargazers_count":97,"open_issues_count":22,"forks_count":17,"subscribers_count":12,"default_branch":"master","last_synced_at":"2025-03-02T13:09:10.158Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"http://d2bjs.org","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"bsd-3-clause","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/d2bjs.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2017-02-21T16:12:26.000Z","updated_at":"2024-09-16T17:55:18.000Z","dependencies_parsed_at":"2023-01-23T05:00:19.318Z","dependency_job_id":null,"html_url":"https://github.com/d2bjs/d2b","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/d2bjs%2Fd2b","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/d2bjs%2Fd2b/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/d2bjs%2Fd2b/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/d2bjs%2Fd2b/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/d2bjs","download_url":"https://codeload.github.com/d2bjs/d2b/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":244056425,"owners_count":20390719,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-07-31T17:00:48.624Z","updated_at":"2025-03-17T15:13:15.657Z","avatar_url":"https://github.com/d2bjs.png","language":"JavaScript","funding_links":[],"categories":["JavaScript","Charts"],"sub_categories":[],"readme":"# D2B: Data to DashBoards\n\n\u003ca href = 'http://d2bjs.org'\u003e\u003cimg width = '250' src = 'https://raw.githubusercontent.com/d2bjs/d2b/master/logo/logo.png'\u003e\u003c/a\u003e\n\nA reusable d3-based chart library.\n\n## Installing\n\nIf 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).\n\n## API Reference\n\nYou can see the d2b API references [here](http://docs.d2bjs.org).\n\n## Optional Dependencies\n\n- [font awesome icons](http://fontawesome.io/get-started/): Many of the charts use this icon set.\n\n- [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.\n\n- [d3-interpolate-path](https://github.com/pbeshai/d3-interpolate-path): Used by the d2b `v \u003e 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.\n\n## Examples\n\nYou can try out many d2b live code examples [here](http://d2bjs.org).\n\nIf you are using Vue.js there is a [vue-d2b](https://github.com/d2bjs/vue-d2b) plugin that makes using d2b even easier.\n\n\u003cfigure\u003e\u003cfigcaption style = 'text-align:center;'\u003ed2b.chartAxis()\u003c/figcaption\u003e\u003cimg src=\"./docs/gifs/chart-axis.gif\" alt=\"Axis Chart\" width = '100%'/\u003e\u003c/figure\u003e\u003cbr\u003e\n\n\u003cfigure\u003e\u003cfigcaption style = 'text-align:center;'\u003ed2b.chartSunburst()\u003c/figcaption\u003e\u003cimg src=\"./docs/gifs/chart-sunburst.gif\" alt=\"Sunburst Chart\" width = '100%'/\u003e\u003c/figure\u003e\u003cbr\u003e\n\n\u003cfigure\u003e\u003cfigcaption style = 'text-align:center;'\u003ed2b.chartSankey()\u003c/figcaption\u003e\u003cimg src=\"./docs/gifs/chart-sankey.gif\" alt=\"Sankey Chart\" width = '100%'/\u003e\u003c/figure\u003e\u003cbr\u003e\n\n\u003cfigure\u003e\u003cfigcaption style = 'text-align:center;'\u003ed2b.chartPie()\u003c/figcaption\u003e\u003cimg src=\"./docs/gifs/chart-pie.gif\" alt=\"Pie Chart\" width = '100%'/\u003e\u003c/figure\u003e\u003cbr\u003e\n\n### Some examples of mix and match d2b.chartAxis() generators.\n\n\u003cbr /\u003e\n\n\u003cfigure\u003e\u003cfigcaption style = 'text-align:center;'\u003ed2b.svgBoxPlot()\u003c/figcaption\u003e\u003cimg src=\"./docs/gifs/box-plot-svg-transition.gif\" alt=\"Svg Box Plot\" width = '100%'/\u003e\u003c/figure\u003e\u003cbr\u003e\n\n\u003cfigure\u003e\u003cfigcaption style = 'text-align:center;'\u003ed2b.svgBubblePack()\u003c/figcaption\u003e\u003cimg src=\"./docs/gifs/bubble-pack-svg-transition.gif\" alt=\"Svg Bubble Pack\" width = '100%'/\u003e\u003c/figure\u003e\u003cbr\u003e\n\n\u003cfigure\u003e\u003cfigcaption style = 'text-align:center;'\u003ed2b.svgArea()\u003c/figcaption\u003e\u003cimg src=\"./docs/gifs/area-svg-transition.gif\" alt=\"Svg Area\" width = '100%'/\u003e\u003c/figure\u003e\u003cbr\u003e\n\n\u003cfigure\u003e\u003cfigcaption style = 'text-align:center;'\u003ed2b.svgLine()\u003c/figcaption\u003e\u003cimg src=\"./docs/gifs/line-svg-transition.gif\" alt=\"Svg Line\" width = '100%'/\u003e\u003c/figure\u003e\u003cbr\u003e\n\n\u003cfigure\u003e\u003cfigcaption style = 'text-align:center;'\u003ed2b.svgScatter()\u003c/figcaption\u003e\u003cimg src=\"./docs/gifs/scatter-svg-transition.gif\" alt=\"Svg Scatter\" width = '100%'/\u003e\u003c/figure\u003e\u003cbr\u003e\n\n\u003cfigure\u003e\u003cfigcaption style = 'text-align:center;'\u003ed2b.svgBar()\u003c/figcaption\u003e\u003cimg src=\"./docs/gifs/bar-svg-transition.gif\" alt=\"Svg Bar\" width = '100%'/\u003e\u003c/figure\u003e\u003cbr\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fd2bjs%2Fd2b","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fd2bjs%2Fd2b","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fd2bjs%2Fd2b/lists"}