Awesome D3 Awesome

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 readings53k 15k 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.js2k 120 - Re-usable chart library [bar, line, area, donut, pie, step]
  • britecharts3k 144 - Client-side reusable charting library [bar, line, donut, sparkline, step]
  • cirrusjs95 6 - A multi-renderer charts library [area, line, stacked]
  • cubism4k 374 - Time series visualization
  • WebCola1k 167 - Layout for graph visualization and exploration
  • c32k 548 - Reusable chart library [line, spline, step, area, stacked, bar, pie, donut]
  • dagre-d340 11 - Layout directed graphs on the client-side
  • dc.js6k 2k - For heavy amounts of data
  • dimple3k 574 - An object-oriented API for business analytics [bubble, area, stacked]
  • d2b10 2 - Chart library for axis, pie, sankey, sunburst charts
  • d3.chart788 111 - Framework for building reusable charts
  • d3.chart.sankey57 25 - Reusable D3 Sankey diagram
  • d3-bar136 10 - Bar chart
  • d3-beeswarm6 2 - Plugin which computes a beeswarm arrangement
  • d3-bumps-chart - Plugin for visualizing bumps charts
  • d3-circle114 4 - Circle chart [donut]
  • d3-dot108 5 - Dot chart
  • d3-gridding - Chart mockups using grids
  • d3-heatmap193 8 - Heatmap
  • d3-line103 4 - Line chart
  • d3-flame-graph206 39 - Flame graphs from hierarchical data
  • d3-horizon-chart28 3 - Horizon charts module
  • d3-message-sequence59 3 - A dynamic/static message sequence chart
  • d3plus1k 190 - Extension library for easy creation of visualizations [scatter, stacked, line, bar, pie, network, bubble, box, map]
  • d3-timeline566 46 - responsive timeline charts
  • d3fc64 13 - A collection of interactive chart components [line, bar, stacked, scatter, candlestick, ohlc]
  • d3-funnel170 63 - A funnel and pyramid chart library
  • d3panels25 2 - Interactive charts with linked brushing [dot, scatter, line, heatmap, histogram]
  • d3pie311 160 - A configurable pie chart lib and generator
  • D3xter369 17 - Straight forward plotting [plot, timeline, bar, histogram, pie]
  • d3-timeseries6 1 - Time series charting library
  • D4417 47 - Re-usable charts DSL [bar, donut, line, scatter, stacked, waterfall]
  • dTree66 19 - Family tree library
  • epoch716 93 - A general purpose, real-time visualization library [area, bar, line, pie, scatter]
  • EventDrops907 201 - A time based/event series interactive visualization
  • Fancycharts.js94 6 - Library to visualize percentage values [bar, circles, donut]
  • firespray68 11 - Streaming charts [bar, line, stacked]
  • forest-d351 2 - A time series charting library [line, area, stacked, bar, scatter, pie ohlc]
  • Gantt-Chart83 44 - Gantt chart library
  • insights86 14 - Library to visualize and navigate graphs
  • kotojs277 13 - ES6 based framework
  • metrics-graphics7k 525 - Optimized for visualizing time-series data [line, scatter, area]
  • micropolar78 10 - A polar chart library
  • mpld3275 48 - Export matplotlib graphics to work in the Browser
  • neo4jd321 7 - Neo4j graph visualization
  • nvd36k 2k - Re-usable charts and chart components [box plot, buttlet, candlestick, line, bar, pie, scatter, sparkline]
  • peek66 7 - Object-oriented chart library [scatter, line, area, bar, pie, donut]
  • plotly.js8k 1k - High level charting library [scatter, line, bar, pie, box plot, histogram, heatmap]
  • plottable2k 223 - Flexible, interactive charts for the web [area, bar, line, pie, scatter, stacked]
  • radar-chart-d3305 134 - Radar chart module
  • rickshaw6k 1k - Toolkit for creating interactive real-time graphs [line, scatter, bar]
  • taucharts2k 115 - Charts with a focus on design and flexibility [line, bar, area, stacked]
  • techan.js951 268 - A visual, stock charting and technical analysis [candlestick, ohlc]
  • uvCharts - Supports lots of different chart types [bar, area, pie, stacked, line, polar, donut]
  • vega3k 378 - A visualization grammar
  • vega-lite1k 138 - A high-level grammar of interactive graphics
  • venn.js529 158 - Area proportional Venn and Euler diagrams
  • visavail47 18 - Time data availability visualization
  • vizabi54 16 - A framework for building visual data exploration tools [bubble, map, line, bar, sankey, donut]
  • xkcdgraphs85 9 - Xkcd style graphs [line]
Third Party
  • angular-nvd31k 391 - NVd3 for Angular [line, stacked, bar, area, scatter, bullet, donut]
  • d3act304 42 - d3 with React [bar, bubble, pie]
  • d3-simpleCharts3 2 - A d3 wordpress plugin
  • ember-charts820 149 - Charts for Ember [line, bar, stacked, pie, scatter]
  • line-chart1k 249 - Line chart module for Angular [line, area, bar]
  • nivo2k 83 - Dataviz components for React with isomorphic ability [bar, line, area, bubble, chord, heatmap]
  • ngx-charts1k 255 - Chart framework for Angular [bar, pie, line, area, polar, stacked, bubble]
  • number-picture58 1 - Collection of React components for composing visualizations
  • react-d32k 253 - Charts for React [area, bar, candlestick, line, pie, scatter]
  • react-d3-components1k 208 - D3 Components [bar, stacked, scatter, line, area, pie]
  • react-d3-library753 47 - Library to use D3 in React [area, bar, line, pie, scatter]
  • react-stockcharts1k 353 - Highly customizable stock charts [area, line, scatter, bubble, bar, stacked, candlestick]
  • react-vis2k 268 - A collection of react components to render visualizations [area, bar, heatmap, line, scatter]
  • recharts8k 692 - Re-designed charting library built with React
  • semiotic1k 65 - A data visualization framework combining React & D3 [scatter, line, area]
  • victory6k 239 - Composable React components for building visualizations [area, bar, candlestick, pie, line, scatter, voronoi]
  • vx3k 147 - Visualization components for React [bar, line, scatter, stacked, area, pattern, heatmap, pie, radial, map, geo]

Maps

  • d3-carto-map75 11 - A mapping API that uses D3 geospatial functionality
  • d3-composite-projections36 10 - Projections for showing countries' distant lands together
  • datamaps2k 701 - Customizable map visualizations in one file
  • d3-topogram - Continuous area cartograms based on TopoJSON
  • d3-exploder89 12 - Lets you easily move and resize geographic features
  • d3-geo-polygon - Clipping and geometric operations for spherical polygons
  • d3-geo-projection588 154 - Extended geographic projections
  • d3-geo-voronoi - Voronoi diagrams and Delaunay triangulation for the sphere
  • d3-geomap50 31 - Library for creating geographic maps
  • d3.geo2rect122 6 - Morphing geojson polygons into rectangles
  • d3-inertia - An extension to d3-drag that continues the mouse movement with some inertia
  • earthjs6 2 - Building orthographic globe with SVG, Canvas & WebGL
  • mapmap.js77 7 - A data-driven API for interactive thematic maps
  • mapsense.js86 29 - Full resolution vector maps with D3
  • maptable52 4 - Convert datasets to a set of visual components (Map, Filters, Table)
  • simple-map-d376 11 - Easy choropleth style maps
  • spam152 14 - Create maps with D3 and Canvas, easily
Third Party
  • leaflet-d3152 27 - Collection of plugins for using D3 with Leaflet [map, geo]
  • react-d3-basic114 74 - Library For Building Composable And Declarative Maps [map, geo]
  • Wikimaps-D3js Atlas - CLI to generate raster, topojson and svg maps [map, geo]
  • react-simple-maps1k 77 - An SVG mapping component library for React, built on top of d3-geo [map, geo]

Utils

  • d3kit-timeline210 23 - Timeline component that labels do not overlap
  • d3scription23 1 - Tooltip with window edge collision detection
  • d3-annotation461 29 - Annotaion helper with built-in annotation types
  • d3-area-label - A library for placing labels in areas
  • d3-breadcrumbs - Simplifies breadcrumbs usage
  • d3-component41 4 - Lightweight component abstraction
  • d3-extended264 24 - Extends d3 with some common jQuery functions
  • d3-helpers15 0 - Little utility functions
  • d3-history41 1 - Proper URL bar history
  • d3-iconarray52 3 - A plug-in for aligning elements in grids
  • d3kit330 37 - A set of tools to speed D3 related project development
  • d3-Labeler22 4 - Plug-in for automatic label placement
  • d3-lasso54 6 - Tag elements by drawing a line over or around objects
  • d3-legend524 68 - Legend helper
  • d3-loom - Plugin to create a "loom" visualization
  • d3-nelson-rules2 2 - Apply nelsons rules of process control to a set of data
  • d3-peaks42 1 - Find peaks in a noisy signal
  • d3-ring-note102 3 - Plugin for placing circle and text annotations
  • d3-scale-cluster67 2 - Scale that clusters data into discrete groups
  • d3-sparql - Utility for accessing data from SPARQL Endpoints
  • d3-starterkit125 23 - Helper functions simplifying common and verbose d3 patterns
  • d3-tip936 339 - Tooltip helper
  • d3-tipy79 3 - Tooltip helper
  • d3-tooltip - Arrow shaped tooltip with shadows and dynamic content
  • d3-trail19 1 - A layout for creating better path elements
  • d3-xray22 2 - Bookmarklet that logs results of the data joins as you mouse over
  • d3-slider81 71 - jQuery UI inspired slider
  • d3.svg.circularbrush3 0 - A brush for selecting cyclical data
  • d3.svg.ribbon20 2 - An area interpolator
  • iopctrl18 4 - Lib for making simple user interface controls
  • d3-jetpack418 38 - Nifty convenience wrappers that speed up your daily work
  • kodama54 7 - Tooltip Plugin
  • swoopyarrows64 1 - Plugin to create swoopy arrows
  • swoopy-drag106 13 - Artisanal label placement for d3 graphics
  • textures4k 219 - SVG patterns for data visualization

Miscellaneous

  • chess-dataviz35 3 - Chess dataviz library
  • codeflower227 115 - Bird's eye view of the whole code
  • comic.js113 12 - Cartoon style drawing. Works also for canvas, Raphael & SVG.js
  • dragit150 53 - A toolkit to enable the manipulation of data graphics
  • d3moji103 3 - First class emoji support
  • d3-cloud2k 851 - Word clouds
  • d3-context-menu4 1 - Helper to create context-menus
  • d3-force-gravity - Implement gravitational attraction (or force-field-like repulsion)
  • d3-resume8 4 - Resume visualizer
  • d3.sketchy219 8 - Creates sketchy backgrounds, shapes and lines
  • d3-plugins1k 411 - Collection of plugins (sankey, bullet, hexbin, ...)
  • d3plus-text21 5 - Smart SVG text box with line wrapping and automatic font scaling
  • graph-scroll371 32 - Simple scrolling events
  • jsdoc2diagram31 5 - Create tree diagram from jsdoc
  • mermaid14k 843 - Generation of diagrams and flowcharts from text in a markdown style
  • netvis4 0 - Visualize network communication for arbitrary protocols

Server side

  • d3-node342 13 - Static chart and map generation

Code Editors

Bl.ocks.org Profiles