🕷️ Crawler Inspector

[Skip to content](https://d3js.org/#VPContent) [D3](https://d3js.org/) Search`K` [7\.9.0](https://github.com/d3/d3/releases "7.9.0 release notes")[GitHub️ 111.9k](https://github.com/d3/d3 "111,902 GitHub stars") # D3 The JavaScript library for bespoke data visualization Create custom dynamic visualizations with unparalleled flexibility [Get started](https://d3js.org/getting-started) [What is D3?](https://d3js.org/what-is-d3) [Examples](https://observablehq.com/@d3/gallery?utm_source=d3js-org&utm_medium=hero&utm_campaign=try-observable)  [](https://observablehq.com/@d3/solar-path "Solar path D3") [](https://observablehq.com/@d3/clipped-map-tiles "Clipped map tiles D3") [](https://observablehq.com/@d3/difference-chart/2 "Difference chart D3") [](https://observablehq.com/@d3/density-contours "Density contours D3") [](https://observablehq.com/@d3/treemap/2 "Treemap D3") [](https://observablehq.com/@d3/animated-treemap "Animated treemap D3") [](https://observablehq.com/@d3/box-plot/2 "Box plot D3") [](https://observablehq.com/@d3/spilhaus-shoreline-map "Spilhaus shoreline map D3") [](https://observablehq.com/@veltman/watercolor "Watercolor Noah Veltman") [](https://observablehq.com/@d3/hexbin-map "Hexbin map D3") [](https://observablehq.com/@d3/nested-treemap "Nested treemap D3") [](https://observablehq.com/@d3/brushable-scatterplot "Brushable scatterplot D3") [](https://observablehq.com/@d3/world-map "World map D3") [](https://observablehq.com/@d3/indented-tree "Indented tree D3") [](https://observablehq.com/@d3/disjoint-force-directed-graph/2 "Disjoint force-directed graph D3") [](https://observablehq.com/@d3/icelandic-population-by-age-1841-2019 "Icelandic population by age, 1841–2019 D3") [](https://observablehq.com/@d3/world-tour "World tour D3") [](https://observablehq.com/@d3/arc-diagram "Arc diagram D3") [](https://observablehq.com/@d3/bar-chart-race "Bar chart race D3") [](https://observablehq.com/@d3/diverging-bar-chart/2 "Diverging bar chart D3") [](https://observablehq.com/@d3/pie-chart/2 "Pie chart D3") [](https://observablehq.com/@d3/realtime-horizon-chart "Realtime horizon chart D3") [](https://observablehq.com/@d3/brushable-scatterplot-matrix "Brushable scatterplot matrix D3") [](https://observablehq.com/@d3/epicyclic-gearing "Epicyclic gearing D3") [](https://observablehq.com/@d3/radial-tree/2 "Radial tidy tree D3") [](https://observablehq.com/@d3/inequality-in-american-cities "Inequality in American cities D3") [](https://observablehq.com/@d3/change-line-chart/2 "Change line chart D3") [](https://observablehq.com/@d3/grouped-bar-chart/2 "Grouped bar chart D3") [](https://observablehq.com/@d3/tissots-indicatrix "Tissot’s indicatrix D3") [](https://observablehq.com/@d3/pack/2 "Circle packing D3") [](https://observablehq.com/@d3/dot-plot/2 "Dot plot D3") [](https://observablehq.com/@d3/walmarts-growth "Walmart’s growth D3") [](https://observablehq.com/@d3/sea-ice-extent-1978-2017 "Sea ice extent, 1978–2017 D3") [](https://observablehq.com/@d3/mareys-trains "Marey’s trains D3") [](https://observablehq.com/@d3/gradient-encoding "Gradient encoding D3") [](https://observablehq.com/@d3/web-mercator-tiles "Web Mercator tiles D3") [](https://observablehq.com/@d3/tree/2 "Tidy tree D3") [](https://observablehq.com/@d3/new-zealand-tourists-1921-2018 "New zealand tourists, 1921–2018 D3") [](https://observablehq.com/@d3/bivariate-choropleth "Bivariate choropleth D3") [](https://observablehq.com/@d3/sankey/2 "Sankey diagram D3") [](https://observablehq.com/@d3/moving-average "Moving average D3") [](https://observablehq.com/@d3/zoomable-area-chart "Zoomable area chart D3") [](https://observablehq.com/@d3/normalized-stacked-area-chart/2 "Normalized stacked area chart D3") [](https://observablehq.com/@d3/inline-labels/2 "Inline labels D3") [](https://observablehq.com/@d3/d3-packenclose "d3.packEnclose D3") [Selections and transitions Create, update, and animate the DOM based on data without the overhead of a virtual DOM.](https://d3js.org/d3-selection) [Scales and axes Encode abstract data into visual values such as position, size, and color. Explain position encodings with axes.](https://d3js.org/d3-scale) [Shapes Render arcs, areas, curves, lines, links, pies, stacks, symbols… and any geometric primitive you might need to visualize data.](https://d3js.org/d3-shape) [Interactions Facilitate exploration with reusable interactive behaviors, including panning, zooming, brushing, and dragging.](https://d3js.org/d3-brush) [Layouts Treemaps, trees, force-directed graphs, Voronoi, contours, chords, circle-packing… a library of layout algorithms at the ready.](https://d3js.org/d3-hierarchy) [Geographic maps More spherical projections than you can shake a stick at, with arbitrary aspects, adaptive sampling, and flexible clipping.](https://d3js.org/d3-geo) [… and much more! CSV parsing, localized date parsing and formatting, color spaces, calendar math, statistics, and can I stop listing features now?](https://d3js.org/d3-array) [Powering Observable Plot The D3 team also builds Observable Plot, a high-level API for quick charts built on top of D3. Try Observable Plot](https://observablehq.com/plot?utm_source=d3js-org&utm_medium=features&utm_campaign=try-observable) [Built by Observable D3 is developed by Observable, the platform for collaborative data analysis. Visit Observable](https://observablehq.com/?utm_source=d3js-org&utm_medium=features&utm_campaign=try-observable) # Build your best work with D3 on Observable The only data workflow platform capable of supporting the full power of D3 Connect to your data instantlyPull live data from the cloud, files, and databases into one secure place — without installing anything, ever. Code faster than you thought possibleGet everything you need and none of what you don’t with lightweight automatic versioning, instant sharing, and real-time multiplayer editing. Accelerate your team’s analysisCreate a home for your team’s data analysis where you can spin up charts, maps, and data apps to explore, analyze, and iterate on together. [Build with D3 on Observable →](https://observablehq.com/?utm_source=d3js-org&utm_medium=promo&utm_campaign=try-observable) Resources - [Forum](https://talk.observablehq.com/) - [Slack](https://observablehq.com/slack/join) - [Discussions](https://github.com/d3/d3/discussions) - [Releases](https://github.com/d3/d3/releases) Observable - [Product](https://observablehq.com/product) - [Plot](https://observablehq.com/plot) - [Integrations](https://observablehq.com/data-integrations) - [Pricing](https://observablehq.com/pricing) - [Enterprise](https://observablehq.com/enterprise) © 2026 Mike Bostock and Observable, Inc. [ISC License](https://github.com/d3/d3/blob/main/LICENSE)