https://github.com/d3/d3

Bring data to life with SVG, Canvas and HTML. :bar_chart::chart_with_upwards_trend::tada:
https://github.com/d3/d3

chart charts d3 data-visualization svg visualization

Last synced: about 1 month ago
JSON representation

Bring data to life with SVG, Canvas and HTML. :bar_chart::chart_with_upwards_trend::tada:

• Host: GitHub
• URL: https://github.com/d3/d3
• Owner: d3
• License: isc
• Created: 2010-09-27T17:22:42.000Z (over 13 years ago)
• Default Branch: main
• Last Pushed: 2024-04-09T03:36:22.000Z (about 2 months ago)
• Last Synced: 2024-04-13T23:09:01.123Z (about 2 months ago)
• Topics: chart, charts, d3, data-visualization, svg, visualization
• Language: Shell
• Homepage: https://d3js.org
• Size: 56.1 MB
• Stars: 107,574
• Watchers: 3,651
• Forks: 22,909
• Open Issues: 16
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGES.md
  • License: LICENSE

Lists

• awesome-js-data_visualization - D3.js
• awesome-javascript - d3 - A JavaScript visualization library for HTML and SVG. (Data Visualization / Runner)
• awesome-canvas - d3
• awesome-links - d3 - data to life with SVG, Canvas and HTML (Frontend)
• my-awesome-stars - d3/d3 - Bring data to life with SVG, Canvas and HTML. :bar_chart::chart_with_upwards_trend::tada: (JavaScript)
• awesome-stars - d3/d3 - Bring data to life with SVG, Canvas and HTML. :bar_chart::chart_with_upwards_trend::tada: (Shell)
• awesome-stars - d3/d3 - Bring data to life with SVG, Canvas and HTML. :bar_chart::chart_with_upwards_trend::tada: (JavaScript)
• be-a-professional-programmer - d3
• awesome-game-engine-dev - D3.js - Data-Driven Documents. Bring data to life with SVG, canvas and HTML. [[Examples](https://observablehq.com/@d3/gallery) | [Website](https://d3js.org)] (Libraries / JavaScript)
• awesome - D3
• awesome-stars - d3/d3 - Bring data to life with SVG, Canvas and HTML. :bar_chart::chart_with_upwards_trend::tada: (Shell)
• awesome-stars - d3
• awesome-stars - d3 - Bring data to life with SVG, Canvas and HTML. :bar_chart::chart_with_upwards_trend::tada: (JavaScript)
• awesome-stars - d3
• my-awesome-starred - d3/d3 - Bring data to life with SVG, Canvas and HTML. :bar_chart::chart_with_upwards_trend::tada: (Shell)
• awesome-stars - d3
• awesome-stars - d3
• awesome-stars - d3
• awesome - d3/d3 - Bring data to life with SVG, Canvas and HTML. :bar\_chart::chart\_with\_upwards\_trend::tada: (Shell)
• awesome - d3/d3 - Bring data to life with SVG, Canvas and HTML. :bar\_chart::chart\_with\_upwards\_trend::tada: (Shell)
• awesome-stars - d3/d3 - Bring data to life with SVG, Canvas and HTML. :bar_chart::chart_with_upwards_trend::tada: (Shell)
• awesome-stars - d3
• awesome-stars - d3/d3 - Bring data to life with SVG, Canvas and HTML. :bar_chart::chart_with_upwards_trend::tada: (Shell)
• awesome-stars - d3
• awesome-github-repos - d3/d3 - Bring data to life with SVG, Canvas and HTML. :bar_chart::chart_with_upwards_trend::tada: (Shell)
• awesome-stars - d3/d3
• awesome-stars - d3/d3 - Bring data to life with SVG, Canvas and HTML. :bar_chart::chart_with_upwards_trend::tada: (Shell)
• awesome-stars - d3/d3 - Bring data to life with SVG, Canvas and HTML. :bar_chart::chart_with_upwards_trend::tada: (Shell)
• awesome - d3/d3 - Bring data to life with SVG, Canvas and HTML. :bar\_chart::chart\_with\_upwards\_trend::tada: (Shell)
• awesome-starred - d3 - Bring data to life with SVG, Canvas and HTML. :bar_chart::chart_with_upwards_trend::tada: (JavaScript)
• awesome-stars-coconut - d3/d3 - Bring data to life with SVG, Canvas and HTML. :bar\_chart::chart\_with\_upwards\_trend::tada: (Shell)
• awesome-starred - d3/d3 - Bring data to life with SVG, Canvas and HTML. :bar_chart::chart_with_upwards_trend::tada: (data-visualization)
• awesome-stars - d3/d3 - Bring data to life with SVG, Canvas and HTML. :bar_chart::chart_with_upwards_trend::tada: (Shell)
• awesome - D3.js - Bring data to life with SVG, Canvas and HTML (前端相关)
• awesome-stars - d3
• awesome - d3/d3 - Bring data to life with SVG, Canvas and HTML. :bar\_chart::chart\_with\_upwards\_trend::tada: (Shell)
• awesome-javascript - d3 - A JavaScript visualization library for HTML and SVG. (Data Visualization / Runner)
• awesome-stars - d3
• awesome-collection - D3js - A JavaScript library for manipulating documents based on data. (Dasboard + Plugin)
• awesome-stars - d3/d3 - Bring data to life with SVG, Canvas and HTML. :bar_chart::chart_with_upwards_trend::tada: (Shell)
• awesome-js-dataviz - D3
• awesome - d3 / d3
• awesome-stars - d3/d3 - Bring data to life with SVG, Canvas and HTML. :bar_chart::chart_with_upwards_trend::tada: (JavaScript)
• awesome-stars - d3
• awesome-stars - d3 - Bring data to life with SVG, Canvas and HTML. :bar_chart::chart_with_upwards_trend::tada: (JavaScript)
• awesome-stars - d3/d3 - Bring data to life with SVG, Canvas and HTML. :bar_chart::chart_with_upwards_trend::tada: (Shell)
• awesome-stars - d3/d3 - Bring data to life with SVG, Canvas and HTML. :bar_chart::chart_with_upwards_trend::tada: (Shell)
• awesome - d3 - Bring data to life with SVG, Canvas and HTML. :bar_chart::chart_with_upwards_trend::tada: (JavaScript)
• awesome-stars - d3 - Bring data to life with SVG, Canvas and HTML. :bar_chart::chart_with_upwards_trend::tada: (JavaScript)
• awesome-stars - d3
• awesome-stars - d3/d3 - Bring data to life with SVG, Canvas and HTML. :bar_chart::chart_with_upwards_trend::tada: (Shell)
• awesome-stars - d3/d3 - Bring data to life with SVG, Canvas and HTML. :bar_chart::chart_with_upwards_trend::tada: (Shell)
• awesome-stars - d3/d3 - Bring data to life with SVG, Canvas and HTML. :bar_chart::chart_with_upwards_trend::tada: (Shell)
• my-awesome-stars - d3/d3 - Bring data to life with SVG, Canvas and HTML. :bar_chart::chart_with_upwards_trend::tada: (Shell)
• awesome-stars - d3/d3 - Bring data to life with SVG, Canvas and HTML. :bar_chart::chart_with_upwards_trend::tada: (JavaScript)
• awesomesource - D3
• my-awesome-stars - d3/d3 - Bring data to life with SVG, Canvas and HTML. :bar_chart::chart_with_upwards_trend::tada: (Shell)
• docsify-awesome-stars - d3/d3 - Bring data to life with SVG, Canvas and HTML. :bar_chart::chart_with_upwards_trend::tada: (Shell)
• awesome-stars - d3/d3 - Bring data to life with SVG, Canvas and HTML. :bar_chart::chart_with_upwards_trend::tada: (Shell)
• awesome-stars - d3/d3 - Bring data to life with SVG, Canvas and HTML. :bar_chart::chart_with_upwards_trend::tada: (JavaScript)
• awesome - d3/d3 - Bring data to life with SVG, Canvas and HTML. :bar_chart::chart_with_upwards_trend::tada: (Shell)
• awesome-stars - d3
• awesome - d3 - Bring data to life with SVG, Canvas and HTML. :bar_chart::chart_with_upwards_trend::tada: (JavaScript)
• awesome-github-star - d3
• awesome-javascript-libraries - d3 - A JavaScript visualization library for HTML and SVG. (Data Visualization / Runner)
• awesome-starts - d3/d3 - Bring data to life with SVG, Canvas and HTML. :bar_chart::chart_with_upwards_trend::tada: (JavaScript)
• awesome-stars - d3 - Bring data to life with SVG, Canvas and HTML. :bar_chart::chart_with_upwards_trend::tada: (JavaScript)
• awesome-stars-by-sandeep - d3
• awesome-stars - d3
• awesome-stars - d3/d3 - Bring data to life with SVG, Canvas and HTML. :bar_chart::chart_with_upwards_trend::tada: (Shell)
• awesome-stars - d3/d3 - Bring data to life with SVG, Canvas and HTML. :bar_chart::chart_with_upwards_trend::tada: (Shell)
• awesome-stars - d3 - Bring data to life with SVG, Canvas and HTML. :bar_chart::chart_with_upwards_trend::tada: (JavaScript)
• awesome-stenudd - d3 - Bring data to life with SVG, Canvas and HTML. :bar_chart::chart_with_upwards_trend::tada: (JavaScript)
• awesome - d3 - Bring data to life with SVG, Canvas and HTML. (Data Visualization / React Components)
• alex-mikhalev-awesome-stars - d3 - Bring data to life with SVG, Canvas and HTML. :bar_chart::chart_with_upwards_trend::tada: (JavaScript)
• awesome-javascript-builds-project - d3 - A JavaScript visualization library for HTML and SVG. (Data Visualization / Runner)
• awesome-stars - d3 - Bring data to life with SVG, Canvas and HTML. :bar_chart::chart_with_upwards_trend::tada: (JavaScript)
• A-collection-of-awesome-browser-side-JavaScript-libraries-resources-and-shiny-things. - d3 - A JavaScript visualization library for HTML and SVG. (Data Visualization / Runner)
• awesome-stars - d3 - Bring data to life with SVG, Canvas and HTML. :bar_chart::chart_with_upwards_trend::tada: (JavaScript)
• awesome-stars - d3 - Bring data to life with SVG, Canvas and HTML. :bar_chart::chart_with_upwards_trend::tada: (JavaScript)
• awesome-stars - d3 - Bring data to life with SVG, Canvas and HTML. :bar_chart::chart_with_upwards_trend::tada: (JavaScript)
• awesome-canvas - D3 - Bring data to life with SVG, Canvas and HTML. 📊📈🎉   (Libraries / Charts Libraries)
• Fabric-awesome - d3
• awesome-stars - d3/d3 - Bring data to life with SVG, Canvas and HTML. :bar_chart::chart_with_upwards_trend::tada: (Shell)
• artsz-awesome - d3/d3 - Bring data to life with SVG, Canvas and HTML. :bar_chart::chart_with_upwards_trend::tada: (JavaScript)
• awesome-javascript - d3 - Bring data to life with SVG, Canvas and HTML. ` 📝 15 days ago ` (Data Visualization [🔝](#readme))
• awesome-stars - d3/d3 - Bring data to life with SVG, Canvas and HTML. :bar_chart::chart_with_upwards_trend::tada: (Shell)
• awesome-stars - d3/d3 - Bring data to life with SVG, Canvas and HTML. :bar_chart::chart_with_upwards_trend::tada: (JavaScript)
• awesome-stars - d3/d3 - Bring data to life with SVG, Canvas and HTML. :bar_chart::chart_with_upwards_trend::tada: (JavaScript)
• my-awesome-stars - d3/d3 - Bring data to life with SVG, Canvas and HTML. :bar_chart::chart_with_upwards_trend::tada: (Shell)
• awesome-starts - d3/d3 - Bring data to life with SVG, Canvas and HTML. :bar_chart::chart_with_upwards_trend::tada: (Shell)
• awesome-stars - d3 - Bring data to life with SVG, Canvas and HTML. :bar_chart::chart_with_upwards_trend::tada: (JavaScript)
• awesome-fluents - d3 - Driven Documents -- *Maintainer*: `Mike Bostock`[](https://github.com/mbostock)[](https://twitter.com/mbostock) (Web and NodeJS)
• awesome-javascript - d3 - Bring data to life with SVG, Canvas and HTML. - ★ 80139 (Data Visualization)
• awesome-stars - d3
• awesome-stars - d3/d3 - Bring data to life with SVG, Canvas and HTML. :bar_chart::chart_with_upwards_trend::tada: (Shell)
• awesome-stars - d3/d3 - Bring data to life with SVG, Canvas and HTML. :bar_chart::chart_with_upwards_trend::tada: (Shell)
• awesome-projects - d3 - Bring data to life with SVG, Canvas and HTML. :bar_chart::chart_with_upwards_trend::tada: (JavaScript)
• awesome-stars - d3 - Bring data to life with SVG, Canvas and HTML. :bar_chart::chart_with_upwards_trend::tada: (JavaScript)
• awesome-stars - d3/d3 - Bring data to life with SVG, Canvas and HTML. :bar_chart::chart_with_upwards_trend::tada: (Shell)
• Awesome - D3 - Bring data to life with SVG, Canvas and HTML. 📊📈🎉 (Multimedia / Image and pictures)
• my-stars - d3/d3 - Bring data to life with SVG, Canvas and HTML. :bar_chart::chart_with_upwards_trend::tada: (Shell)
• awesome-stars - d3 - Bring data to life with SVG, Canvas and HTML. :bar_chart::chart_with_upwards_trend::tada: (JavaScript)
• Awesome-GithubRepos - d3
• awesome-stars - d3/d3 - Bring data to life with SVG, Canvas and HTML. :bar_chart::chart_with_upwards_trend::tada: (Shell)
• awesome-list - D3 - A JavaScript library for visualizing data using web standards. (Web Development / C++/C Toolkit)
• stars - d3/d3 - Bring data to life with SVG, Canvas and HTML. :bar_chart::chart_with_upwards_trend::tada: (Shell)
• trackawesomelist - D3.js (⭐107k) - D3 (or D3.js) is a free, open-source JavaScript library for visualizing data. Its low-level approach built on web standards offers unparalleled flexibility in authoring dynamic, data-driven graphics (Recently Updated / [Feb 12, 2024](/content/2024/02/12/README.md))
• awesome-stars-webVueBlog - d3/d3 - Bring data to life with SVG, Canvas and HTML. :bar\_chart::chart\_with\_upwards\_trend::tada: (Shell / 运维\&DevOps)
• awesome-canvas - D3 - Bring data to life with SVG, Canvas and HTML. 📊📈🎉   (Libraries / Charts Libraries)
• awesome-stars - d3/d3 - Bring data to life with SVG, Canvas and HTML. :bar_chart::chart_with_upwards_trend::tada: (Shell)
• awesome-frontend - D3.js - A JavaScript library for manipulating documents based on data. *(You might like [awesome-d3](https://github.com/wbkd/awesome-d3))*  (Repository / Data Visualization)
• awesome-stars - d3/d3 - `★107881` Bring data to life with SVG, Canvas and HTML. :bar_chart::chart_with_upwards_trend::tada: (Shell)
• awesome-stars - d3/d3 - Bring data to life with SVG, Canvas and HTML. :bar_chart::chart_with_upwards_trend::tada: (visualization)
• best-of-react - GitHub - 0% open · ⏱️ 27.05.2024): (Data Visualization)

README

        
# D3: Data-Driven Documents



**D3** (or **D3.js**) is a free, open-source JavaScript library for visualizing data. Its low-level approach built on web standards offers unparalleled flexibility in authoring dynamic, data-driven graphics. For more than a decade D3 has powered groundbreaking and award-winning visualizations, become a foundational building block of higher-level chart libraries, and fostered a vibrant community of data practitioners around the world.

## Resources

* [Documentation](https://d3js.org)

* [Examples](https://observablehq.com/@d3/gallery)

* [Releases](https://github.com/d3/d3/releases)

* [Getting help](https://d3js.org/community)