{"id":160,"url":"https://github.com/wbkd/awesome-d3","last_synced_at":"2025-05-14T13:08:58.499Z","repository":{"id":32315651,"uuid":"35890808","full_name":"wbkd/awesome-d3","owner":"wbkd","description":"A list of D3 libraries, plugins and utilities","archived":false,"fork":false,"pushed_at":"2023-01-13T16:10:34.000Z","size":297,"stargazers_count":5249,"open_issues_count":4,"forks_count":311,"subscribers_count":178,"default_branch":"master","last_synced_at":"2025-05-08T04:01:53.068Z","etag":null,"topics":["charts","d3js","datavisualization","javascript","maps"],"latest_commit_sha":null,"homepage":"https://d3-discovery.net/","language":null,"has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"other","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/wbkd.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":"CONTRIBUTING.md","funding":".github/FUNDING.yml","license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null},"funding":{"github":["wbkd"]}},"created_at":"2015-05-19T15:25:47.000Z","updated_at":"2025-05-07T20:48:16.000Z","dependencies_parsed_at":"2023-01-14T20:57:38.801Z","dependency_job_id":null,"html_url":"https://github.com/wbkd/awesome-d3","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/wbkd%2Fawesome-d3","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/wbkd%2Fawesome-d3/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/wbkd%2Fawesome-d3/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/wbkd%2Fawesome-d3/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/wbkd","download_url":"https://codeload.github.com/wbkd/awesome-d3/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":254149976,"owners_count":22022852,"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":["charts","d3js","datavisualization","javascript","maps"],"created_at":"2024-01-05T20:12:48.050Z","updated_at":"2025-05-14T13:08:53.476Z","avatar_url":"https://github.com/wbkd.png","language":null,"funding_links":["https://github.com/sponsors/wbkd"],"categories":["Front-End Development","Technical","Others","List of Lists","Programming Language Lists","javascript","Framework \u0026 Library","Uncategorized","Front-end Development","JavaScript tools","Libraries","Programming","Live Site:   [searchAwesome](https://search-awesome.vercel.app/)","前端开发","Related resources","前端","Themed Directories","Visualization"],"sub_categories":["awesome-*","JavaScript Lists","Uncategorized","d3","Charts Libraries","JavaScript","Misc","Other awesome lists","Resources","Updated more than a year ago"],"readme":"# Awesome D3 [![Awesome](https://cdn.rawgit.com/sindresorhus/awesome/d7305f38d29fed78fa85652e3a63e154dd8e8829/media/badge.svg)](https://github.com/sindresorhus/awesome)\n\nThis list keeps track of interesting [D3js](http://d3js.org) libraries, plugins and utilities.\n\u003cbr /\u003eWe decided not to list tutorials, resources or concepts here, because there is already a **[very good list of readings](https://github.com/mbostock/d3/wiki/Tutorials)** out there you can check out and contribute to.\n\nCurators: [Moritz Klack](https://twitter.com/moklick) and [Christopher Möller](https://twitter.com/chrtze) of [webkid.io](http://www.webkid.io)\n\nYou can also explore the list with our interactive [D3 Discovery](https://d3-discovery.net/) tool.\n\n\n## Charts\n\n- [billboard.js](https://github.com/naver/billboard.js) - Re-usable chart library [bar, line, area, donut, pie, step, spline]\n- [britecharts](https://github.com/britecharts/britecharts) - Client-side reusable charting library [bar, line, donut, sparkline, step]\n- [chart-parts](https://github.com/Microsoft/chart-parts) - A flexible, React-friendly, Grammar of Graphics for data visualization\n- [cubism](https://github.com/square/cubism) - Time series visualization\n- [c3](https://github.com/c3js/c3) - Reusable chart library [line, spline, step, area, stacked, bar, pie, donut]\n- [dagre-d3](https://github.com/dagrejs/dagre-d3) - Layout directed graphs on the client-side\n- [dc.js](https://github.com/dc-js/dc.js) - For heavy amounts of data\n- [d2b](https://github.com/d2bjs/d2b) - Chart library for axis, pie, sankey, sunburst charts\n- [d3-bar](https://github.com/tj/d3-bar) - Bar chart\n- [d3-beeswarm](https://github.com/Kcnarf/d3-beeswarm) - Plugin which computes a beeswarm arrangement\n- [d3-boxplot](https://github.com/akngs/d3-boxplot) - d3js box plot plugin\n- [d3-bumps-chart](https://github.com/johnwalley/d3-bumps-chart) - Plugin for visualizing bumps charts\n- [d3-dag](https://github.com/erikbrinkman/d3-dag) - Layout algorithms for visualizing directed acylic graphs\n- [d3-ez](https://github.com/jamesleesaunders/d3-ez) - Easy Reusable D3 Charts \u0026 Components [bar, donut, pie, bubble, rose, heatmap]\n- [d3-flame-graph](https://github.com/spiermar/d3-flame-graph) - Flame graphs from hierarchical data\n- [d3-funnel](https://github.com/jakezatecky/d3-funnel) - A funnel and pyramid chart library\n- [d3-gridding](https://github.com/romsson/d3-gridding) - Chart mockups using grids\n- [d3-heatmap](https://github.com/tj/d3-heatmap) - Heatmap\n- [d3-message-sequence](https://github.com/koudelka/d3-message-sequence) - A dynamic/static message sequence chart\n- [d3-upset](https://github.com/chuntul/d3-upset) - Functions for plotting an UpSet plot [upset, bar, intersections, venn, relationships]\n- [d3-x3d](https://github.com/jamesleesaunders/d3-x3d) - Data Driven 3D Charts with D3 and X3D [bubble, bar, surfacearea, scatterplot, area]\n- [d3fc](https://github.com/d3fc/d3fc) - A collection of interactive chart components [line, bar, stacked, scatter, candlestick, ohlc]\n- [d3plus](https://github.com/alexandersimoes/d3plus) - Extension library for easy creation of visualizations [scatter, stacked, line, bar, pie, network, bubble, box, map]\n- [d3panels](https://github.com/kbroman/d3panels) - Interactive charts with linked brushing [dot, scatter, line, heatmap, histogram]\n- [d3pie](https://github.com/benkeen/d3pie) - A configurable pie chart lib and generator\n- [D3xter](https://github.com/NathanEpstein/D3xter) - Straight forward plotting [plot, timeline, bar, histogram, pie]\n- [D4](https://github.com/heavysixer/d4) - Re-usable charts DSL [bar, donut, line, scatter, stacked, waterfall]\n- [dTree](https://github.com/ErikGartner/dTree) - Family tree library\n- [EventDrops](https://github.com/marmelab/EventDrops) - A time based/event series interactive visualization\n- [metrics-graphics](https://github.com/metricsgraphics/metrics-graphics) - Optimized for visualizing time-series data [line, scatter, area]\n- [micropolar](https://github.com/biovisualize/micropolar/) - A polar chart library\n- [mpld3](https://github.com/mpld3/mpld3) - Export matplotlib graphics to work in the Browser\n- [neo4jd3](https://github.com/eisman/neo4jd3) - Neo4j graph visualization\n- [nvd3](https://github.com/novus/nvd3) - Re-usable charts and chart components [box plot, buttlet, candlestick, line, bar, pie, scatter, sparkline]\n- [oecd-simple-charts](https://github.com/oecd-cyc/oecd-simple-charts) - Simple charting library [box plot, stacked bar, pearl chart]\n- [plotly.js](https://github.com/plotly/plotly.js/) - High level charting library [scatter, line, bar, pie, box plot, histogram, heatmap]\n- [plottable](https://github.com/palantir/plottable) - Flexible, interactive charts for the web [area, bar, line, pie, scatter, stacked]\n- [rickshaw](https://github.com/shutterstock/rickshaw) - Toolkit for creating interactive real-time graphs [line, scatter, bar]\n- [taucharts](https://github.com/TargetProcess/tauCharts) - Charts with a focus on design and flexibility [line, bar, area, stacked]\n- [vega](https://github.com/vega/vega) - A visualization grammar\n- [vega-lite](https://github.com/vega/vega-lite) - A high-level grammar of interactive graphics\n- [vega-lite-api](https://github.com/vega/vega-lite-api) - A JavaScript API for Vega-Lite.\n- [venn.js](https://github.com/benfred/venn.js) - Area proportional Venn and Euler diagrams\n- [visavail](https://github.com/flrs/visavail) - Time data availability visualization\n- [vizabi](https://github.com/vizabi/vizabi) - A framework for building visual data exploration tools [bubble, map, line, bar, sankey, donut]\n- [WebCola](https://github.com/tgdwyer/WebCola) - Layout for graph visualization and exploration\n- [xkcdgraphs](https://github.com/imkevinxu/xkcdgraphs) - Xkcd style graphs [line]\n\n##### Third Party\n\n- [Layer Cake](https://github.com/mhkeller/layercake) - A graphics framework built on top of Svelte.\n- [nivo](https://github.com/plouc/nivo) - Dataviz components for React with isomorphic ability [bar, line, area, bubble, chord, heatmap]\n- [ngx-charts](https://github.com/swimlane/ngx-charts) - Chart framework for Angular [bar, pie, line, area, polar, stacked, bubble]\n- [potion](https://github.com/finnfiddle/potion) - Collection of React components for composing visualizations\n- [react-d3-components](https://github.com/codesuki/react-d3-components) - D3 Components [bar, stacked, scatter, line, area, pie]\n- [react-d3-library](https://github.com/react-d3-library/react-d3-library) - Library to use D3 in React [area, bar, line, pie, scatter]\n- [react-stockcharts](https://github.com/rrag/react-stockcharts) - Highly customizable stock charts [area, line, scatter, bubble, bar, stacked, candlestick]\n- [react-vis](https://github.com/uber/react-vis) - A collection of react components to render visualizations [area, bar, heatmap, line, scatter]\n- [reaviz](https://github.com/reaviz/reaviz) - Data visualization library for React based on D3\n- [recharts](https://github.com/recharts/recharts) - Re-designed charting library built with React\n- [semiotic](https://github.com/nteract/semiotic) - A data visualization framework combining React \u0026 D3 [scatter, line, area]\n- [victory](https://github.com/FormidableLabs/victory) - Composable React components for building visualizations [area, bar, candlestick, pie, line, scatter, voronoi]\n- [vx](https://github.com/hshoff/vx) - Visualization components for React [bar, line, scatter, stacked, area, pattern, heatmap, pie, radial, map, geo]\n- [Vs](https://github.com/GopherJ/Vs) - Declarative visualisation components for Vue.js [bar, line, area, pie, donut, stacked, sankey, timeline]\n- [v-chart-plugin](https://github.com/ignoreintuition/v-chart-plugin) - Easily bind a chart to the data stored in your Vue.js components.\n\n\n## Maps\n\n- [d3-composite-projections](https://github.com/rveciana/d3-composite-projections) - Projections for showing countries' distant lands together\n- [datamaps](https://github.com/markmarkoh/datamaps) - Customizable map visualizations in one file\n- [d3-topogram](https://github.com/shawnbot/topogram) - Continuous area cartograms based on TopoJSON\n- [d3-exploder](https://github.com/bsouthga/d3-exploder) - Lets you easily move and resize geographic features\n- [d3-geo-polygon](https://github.com/d3/d3-geo-polygon) - Clipping and geometric operations for spherical polygons\n- [d3-geo-projection](https://github.com/d3/d3-geo-projection) - Extended geographic projections\n- [d3-geo-scale-bar](https://github.com/HarryStevens/d3-geo-scale-bar) - Displays automatic scale bars for projected geospatial data.\n- [d3-geo-voronoi](https://github.com/Fil/d3-geo-voronoi) - Voronoi diagrams and Delaunay triangulation for the sphere\n- [d3-geomap](https://github.com/yaph/d3-geomap) - Library for creating geographic maps\n- [d3.geo2rect](https://github.com/sebastian-meier/d3.geo2rect) - Morphing geojson polygons into rectangles\n- [d3-inertia](https://github.com/Fil/d3-inertia) - An extension to d3-drag that continues the mouse movement with some inertia\n- [mapmap.js](https://github.com/floledermann/mapmap.js) - A data-driven API for interactive thematic maps\n- [maptable](https://github.com/Packet-Clearing-House/maptable) - Convert datasets to a set of visual components (Map, Filters, Table)\n- [simple-map-d3](https://github.com/MinnPost/simple-map-d3) - Easy choropleth style maps\n- [spam](https://github.com/newsappsio/spam) - Create maps with D3 and Canvas, easily\n\n##### Third Party\n\n- [leaflet-d3](https://github.com/Asymmetrik/leaflet-d3) - Collection of plugins for using D3 with Leaflet [map, geo]\n- [Wikimaps-D3js Atlas](https://github.com/WikimapsAtlas/WikimapsAtlas-generator) - CLI to generate raster, topojson and svg maps [map, geo]\n- [react-simple-maps](https://github.com/zcreativelabs/react-simple-maps) - An SVG mapping component library for React, built on top of d3-geo [map, geo]\n\n## Utils\n\n- [crossfilter](https://github.com/crossfilter/crossfilter) - Library for exploring large multivariate datasets\n- [d3kit-timeline](https://github.com/kristw/d3kit-timeline) - Timeline component that labels do not overlap\n- [d3scription](https://github.com/GlobalWebIndex/d3scription) - Tooltip with window edge collision detection\n- [d3-annotation](https://github.com/susielu/d3-annotation) - Annotation helper with built-in annotation types\n- [d3-area-label](https://github.com/curran/d3-area-label) - A library for placing labels in areas\n- [d3-breadcrumbs](https://github.com/bumbeishvili/d3-breadcrumbs) - Simplifies breadcrumbs usage\n- [d3-component](https://github.com/curran/d3-component) - Lightweight component abstraction\n- [d3-extended](https://github.com/wbkd/d3-extended) - Extends d3 with some common jQuery functions\n- [d3-helpers](https://github.com/bahmutov/d3-helpers) - Little utility functions\n- [d3-history](https://github.com/vijithassar/d3-history) - Proper URL bar history\n- [d3-hsluv](https://github.com/petulla/d3-hsluv) - Human-friendly HSL (Hue, Saturation, Lightness) color space.\n- [d3-iconarray](https://github.com/tomgp/d3-iconarray) - A plug-in for aligning elements in grids\n- [d3-interpolate-path](https://github.com/pbeshai/d3-interpolate-path) - Interpolates paths with different number of points\n- [d3-jetpack](https://github.com/gka/d3-jetpack) - Nifty convenience wrappers that speed up your daily work\n- [d3-lasso](https://github.com/skokenes/d3-lasso) - Tag elements by drawing a line over or around objects\n- [d3-legend](https://github.com/susielu/d3-legend) - Legend helper\n- [d3-loom](https://github.com/nbremer/d3-loom) - Plugin to create a \"loom\" visualization\n- [d3-nelson-rules](https://github.com/53seven/d3-nelson-rules) - Apply nelsons rules of process control to a set of data\n- [d3-peaks](https://github.com/efekarakus/d3-peaks) - Find peaks in a noisy signal\n- [d3-ring-note](https://github.com/armollica/d3-ring-note) - Plugin for placing circle and text annotations\n- [d3-scale-cluster](https://github.com/schnerd/d3-scale-cluster) - Scale that clusters data into discrete groups\n- [d3-sparql](https://github.com/zazuko/d3-sparql) - Utility for accessing data from SPARQL Endpoints\n- [d3-template](https://github.com/ErikOnBike/d3-template) - Plugin to create and render templates using D3's data binding mechanism\n- [d3-tooltip](https://github.com/bumbeishvili/d3-tooltip) - Arrow shaped tooltip with shadows and dynamic content\n- [d3-voronoi-treemap](https://github.com/Kcnarf/d3-voronoi-treemap) - Computes a treemap based on a Voronoi tesselation\n- [d3-xray](https://github.com/vijithassar/d3-xray) - Bookmarklet that logs results of the data joins as you mouse over\n- [swoopyarrows](https://github.com/bizweekgraphics/swoopyarrows) - Plugin to create swoopy arrows\n- [swoopy-drag](https://github.com/1wheel/swoopy-drag) - Artisanal label placement for d3 graphics\n- [textures](https://github.com/riccardoscalco/textures) - SVG patterns for data visualization\n\n## Miscellaneous\n\n- [chess-dataviz](https://github.com/ebemunk/chess-dataviz) - Chess dataviz library\n- [codeflower](https://github.com/fzaninotto/CodeFlower) - Bird's eye view of the whole code\n- [d3-cloud](https://github.com/jasondavies/d3-cloud) - Word clouds\n- [d3-context-menu](https://github.com/patorjk/d3-context-menu) - Helper to create context-menus\n- [d3-force-gravity](https://github.com/sohamkamani/d3-force-gravity) - Implement gravitational attraction (or force-field-like repulsion)\n- [d3-force-reuse](https://github.com/twosixlabs/d3-force-reuse) - Faster force-directed graph layouts by reusing force approximations\n- [d3-force-sampled](https://github.com/twosixlabs/d3-force-sampled) - Super fast, linear-time force-directed graph layouts by Random Vertex Sampling\n- [d3.sketchy](https://github.com/sebastian-meier/d3.sketchy) - Creates sketchy backgrounds, shapes and lines\n- [d3plus-text](https://github.com/d3plus/d3plus-text) - Smart SVG text box with line wrapping and automatic font scaling\n- [graph-scroll](https://github.com/1wheel/graph-scroll) - Simple scrolling events\n- [mermaid](https://github.com/knsv/mermaid) - Generation of diagrams and flowcharts from text in a markdown style\n- [netvis](https://github.com/dborzov/netvis) - Visualize network communication for arbitrary protocols\n- [treeviz](https://github.com/PierreCapo/treeviz) - Create customizable trees from json data\n- [twitter-sentiment-visualisation](https://github.com/Lissy93/twitter-sentiment-visualisation) - A series of D3.js charts showing realtime sentiment of Twitter data  \n\n## Server side\n- [d3-node](https://github.com/d3-node/d3-node) - Static chart and map generation\n- [Kyrix](https://github.com/tracyhenry/Kyrix) - Interactive pan/zoom Visualizations with automatic server-side scaling support. \n\n## Bl.ocks.org Profiles\n\n * [Adam Pearce - 1wheel](https://bl.ocks.org/1wheel)\n * [Colin Eberhardt - ColinEberhardt](https://bl.ocks.org/ColinEberhardt)\n * [Harry Stevens - HarryStevens](https://bl.ocks.org/HarryStevens)\n * [Luis Sevillano - LuisSevillano](https://bl.ocks.org/LuisSevillano)\n * [Peter Cook - d3indepth](https://bl.ocks.org/d3indepth)\n * [Elijah Meeks - emeeks](https://bl.ocks.org/emeeks)\n * [Ian Johnson - enjalot](https://bl.ocks.org/enjalot)\n * [Philippe Rivière - fil](https://bl.ocks.org/fil)\n * [Mike Bostock - mbostock](https://bl.ocks.org/mbostock)\n * [Matteo Filipponi - mfilippo](https://bl.ocks.org/mfilippo)\n * [Micah Stubbs - micahstubbs](https://bl.ocks.org/micahstubbs)\n * [Nadieh Bremer - nbremer](https://bl.ocks.org/nbremer)\n * [Matteo Abrate - nitaku](https://bl.ocks.org/nitaku)\n * [Susie Lu - susielu](https://bl.ocks.org/susielu)\n * [Shirley Wu - sxywu](https://bl.ocks.org/sxywu)\n * [Kai Chang - syntagmatic](https://bl.ocks.org/syntagmatic)\n * [Tom Shanley - tomshanley](https://bl.ocks.org/tomshanley)\n * [Vasco Asturiano - vasturiano](https://bl.ocks.org/vasturiano)\n * [Noah Veltman - veltman](https://bl.ocks.org/veltman)\n * [Zan Armstrong - zanarmstrong](https://bl.ocks.org/zanarmstrong)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwbkd%2Fawesome-d3","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fwbkd%2Fawesome-d3","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwbkd%2Fawesome-d3/lists"}