Awesome D3 Overview

A list of D3 libraries, plugins and utilities

🏠 Home · 🔥 Feed · 📮 Subscribe · ❤️ Sponsor · 😺 wbkd/awesome-d3 · ⭐ 4.9K · 🏷️ Front-End Development

[ Daily / Weekly / Overview ]

Awesome D3

This list keeps track of interesting D3js libraries, plugins and utilities.
We decided not to list tutorials, resources or concepts here, because there is already a very good list of readings (⭐104k) out there you can check out and contribute to.

Curators: Moritz Klack and Christopher Möller of webkid.io

You can also explore the list with our interactive D3 Discovery tool.

Charts

billboard.js (⭐5.5k) - Re-usable chart library [bar, line, area, donut, pie, step, spline]
britecharts (⭐3.7k) - Client-side reusable charting library [bar, line, donut, sparkline, step]
chart-parts (⭐600) - A flexible, React-friendly, Grammar of Graphics for data visualization
cubism (⭐4.9k) - Time series visualization
c3 (⭐9.2k) - Reusable chart library [line, spline, step, area, stacked, bar, pie, donut]
dagre-d3 (⭐2.7k) - Layout directed graphs on the client-side
dc.js (⭐7.4k) - For heavy amounts of data
d2b (⭐95) - Chart library for axis, pie, sankey, sunburst charts
d3-bar (⭐173) - Bar chart
d3-beeswarm (⭐50) - Plugin which computes a beeswarm arrangement
d3-boxplot (⭐21) - d3js box plot plugin
d3-bumps-chart (⭐14) - Plugin for visualizing bumps charts
d3-dag (⭐1.3k) - Layout algorithms for visualizing directed acylic graphs
d3-ez (⭐49) - Easy Reusable D3 Charts & Components [bar, donut, pie, bubble, rose, heatmap]
d3-flame-graph (⭐745) - Flame graphs from hierarchical data
d3-funnel (⭐323) - A funnel and pyramid chart library
d3-gridding (⭐102) - Chart mockups using grids
d3-heatmap (⭐242) - Heatmap
d3-message-sequence (⭐93) - A dynamic/static message sequence chart
d3-upset (⭐14) - Functions for plotting an UpSet plot [upset, bar, intersections, venn, relationships]
d3-x3d (⭐90) - Data Driven 3D Charts with D3 and X3D [bubble, bar, surfacearea, scatterplot, area]
d3fc (⭐1.1k) - A collection of interactive chart components [line, bar, stacked, scatter, candlestick, ohlc]
d3plus (⭐1.6k) - Extension library for easy creation of visualizations [scatter, stacked, line, bar, pie, network, bubble, box, map]
d3panels (⭐28) - Interactive charts with linked brushing [dot, scatter, line, heatmap, histogram]
d3pie (⭐372) - A configurable pie chart lib and generator
D3xter (⭐341) - Straight forward plotting [plot, timeline, bar, histogram, pie]
D4 (⭐429) - Re-usable charts DSL [bar, donut, line, scatter, stacked, waterfall]
dTree (⭐420) - Family tree library
EventDrops (⭐1.2k) - A time based/event series interactive visualization
metrics-graphics (⭐7.5k) - Optimized for visualizing time-series data [line, scatter, area]
micropolar (⭐125) - A polar chart library
mpld3 (⭐2.2k) - Export matplotlib graphics to work in the Browser
neo4jd3 (⭐1.1k) - Neo4j graph visualization
nvd3 (⭐7.2k) - Re-usable charts and chart components [box plot, buttlet, candlestick, line, bar, pie, scatter, sparkline]
oecd-simple-charts (⭐20) - Simple charting library [box plot, stacked bar, pearl chart]
plotly.js (⭐15k) - High level charting library [scatter, line, bar, pie, box plot, histogram, heatmap]
plottable (⭐2.9k) - Flexible, interactive charts for the web [area, bar, line, pie, scatter, stacked]
rickshaw (⭐6.5k) - Toolkit for creating interactive real-time graphs [line, scatter, bar]
taucharts (⭐1.9k) - Charts with a focus on design and flexibility [line, bar, area, stacked]
vega (⭐10k) - A visualization grammar
vega-lite (⭐4k) - A high-level grammar of interactive graphics
vega-lite-api (⭐185) - A JavaScript API for Vega-Lite.
venn.js (⭐960) - Area proportional Venn and Euler diagrams
visavail (⭐280) - Time data availability visualization
vizabi (⭐266) - A framework for building visual data exploration tools [bubble, map, line, bar, sankey, donut]
WebCola (⭐1.8k) - Layout for graph visualization and exploration
xkcdgraphs (⭐443) - Xkcd style graphs [line]

Third Party

Layer Cake (⭐735) - A graphics framework built on top of Svelte.
nivo (⭐11k) - Dataviz components for React with isomorphic ability [bar, line, area, bubble, chord, heatmap]
ngx-charts (⭐4.2k) - Chart framework for Angular [bar, pie, line, area, polar, stacked, bubble]
potion (⭐183) - Collection of React components for composing visualizations
react-d3-components (⭐1.6k) - D3 Components [bar, stacked, scatter, line, area, pie]
react-d3-library (⭐1.4k) - Library to use D3 in React [area, bar, line, pie, scatter]
react-stockcharts (⭐3.6k) - Highly customizable stock charts [area, line, scatter, bubble, bar, stacked, candlestick]
react-vis (⭐8.4k) - A collection of react components to render visualizations [area, bar, heatmap, line, scatter]
reaviz (⭐743) - Data visualization library for React based on D3
recharts (⭐20k) - Re-designed charting library built with React
semiotic (⭐2.3k) - A data visualization framework combining React & D3 [scatter, line, area]
victory (⭐10k) - Composable React components for building visualizations [area, bar, candlestick, pie, line, scatter, voronoi]
vx (⭐17k) - Visualization components for React [bar, line, scatter, stacked, area, pattern, heatmap, pie, radial, map, geo]
Vs (⭐164) - Declarative visualisation components for Vue.js [bar, line, area, pie, donut, stacked, sankey, timeline]
v-chart-plugin (⭐198) - Easily bind a chart to the data stored in your Vue.js components.

Maps

d3-composite-projections (⭐95) - Projections for showing countries' distant lands together
datamaps (⭐3.7k) - Customizable map visualizations in one file
d3-topogram (⭐316) - Continuous area cartograms based on TopoJSON
d3-exploder (⭐94) - Lets you easily move and resize geographic features
d3-geo-polygon (⭐96) - Clipping and geometric operations for spherical polygons
d3-geo-projection (⭐999) - Extended geographic projections
d3-geo-scale-bar (⭐38) - Displays automatic scale bars for projected geospatial data.
d3-geo-voronoi (⭐201) - Voronoi diagrams and Delaunay triangulation for the sphere
d3-geomap (⭐124) - Library for creating geographic maps
d3.geo2rect (⭐192) - Morphing geojson polygons into rectangles
d3-inertia (⭐58) - An extension to d3-drag that continues the mouse movement with some inertia
mapmap.js (⭐108) - A data-driven API for interactive thematic maps
maptable (⭐57) - Convert datasets to a set of visual components (Map, Filters, Table)
simple-map-d3 (⭐114) - Easy choropleth style maps
spam (⭐102) - Create maps with D3 and Canvas, easily

Third Party

leaflet-d3 (⭐238) - Collection of plugins for using D3 with Leaflet [map, geo]
Wikimaps-D3js Atlas (⭐45) - CLI to generate raster, topojson and svg maps [map, geo]
react-simple-maps (⭐2.7k) - An SVG mapping component library for React, built on top of d3-geo [map, geo]

Utils

crossfilter (⭐1.7k) - Library for exploring large multivariate datasets
d3kit-timeline (⭐346) - Timeline component that labels do not overlap
d3scription (⭐29) - Tooltip with window edge collision detection
d3-annotation (⭐733) - Annotation helper with built-in annotation types
d3-area-label (⭐60) - A library for placing labels in areas
d3-breadcrumbs (⭐4) - Simplifies breadcrumbs usage
d3-component (⭐109) - Lightweight component abstraction
d3-extended (⭐272) - Extends d3 with some common jQuery functions
d3-helpers (⭐25) - Little utility functions
d3-history (⭐49) - Proper URL bar history
d3-hsluv (⭐7) - Human-friendly HSL (Hue, Saturation, Lightness) color space.
d3-iconarray (⭐81) - A plug-in for aligning elements in grids
d3-interpolate-path (⭐294) - Interpolates paths with different number of points
d3-jetpack (⭐601) - Nifty convenience wrappers that speed up your daily work
d3-lasso (⭐81) - Tag elements by drawing a line over or around objects
d3-legend (⭐730) - Legend helper
d3-loom (⭐91) - Plugin to create a "loom" visualization
d3-nelson-rules (⭐16) - Apply nelsons rules of process control to a set of data
d3-peaks (⭐53) - Find peaks in a noisy signal
d3-ring-note (⭐110) - Plugin for placing circle and text annotations
d3-scale-cluster (⭐129) - Scale that clusters data into discrete groups
d3-sparql (⭐109) - Utility for accessing data from SPARQL Endpoints
d3-template (⭐8) - Plugin to create and render templates using D3's data binding mechanism
d3-tooltip (⭐11) - Arrow shaped tooltip with shadows and dynamic content
d3-voronoi-treemap (⭐159) - Computes a treemap based on a Voronoi tesselation
d3-xray (⭐26) - Bookmarklet that logs results of the data joins as you mouse over
swoopyarrows (⭐102) - Plugin to create swoopy arrows
swoopy-drag (⭐119) - Artisanal label placement for d3 graphics
textures (⭐6k) - SVG patterns for data visualization

Miscellaneous

chess-dataviz (⭐67) - Chess dataviz library
codeflower (⭐657) - Bird's eye view of the whole code
d3-cloud (⭐3.6k) - Word clouds
d3-context-menu (⭐134) - Helper to create context-menus
d3-force-gravity (⭐21) - Implement gravitational attraction (or force-field-like repulsion)
d3-force-reuse (⭐110) - Faster force-directed graph layouts by reusing force approximations
d3-force-sampled (⭐45) - Super fast, linear-time force-directed graph layouts by Random Vertex Sampling
d3.sketchy (⭐241) - Creates sketchy backgrounds, shapes and lines
d3plus-text (⭐97) - Smart SVG text box with line wrapping and automatic font scaling
graph-scroll (⭐503) - Simple scrolling events
mermaid (⭐53k) - Generation of diagrams and flowcharts from text in a markdown style
netvis (⭐16) - Visualize network communication for arbitrary protocols
treeviz (⭐131) - Create customizable trees from json data
twitter-sentiment-visualisation (⭐171) - A series of D3.js charts showing realtime sentiment of Twitter data

Server side

d3-node (⭐662) - Static chart and map generation
Kyrix (⭐135) - Interactive pan/zoom Visualizations with automatic server-side scaling support.

Awesome D3 Overview

Awesome D3

Charts

Third Party

Maps

Third Party

Utils

Miscellaneous

Server side

Bl.ocks.org Profiles