Ranked awesome lists, all in one place
This list is a copy of wbkd/awesome-d3 with ranks
Awesome D3 ★87749
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 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 ★2603 - Re-usable chart library [bar, line, area, donut, pie, step, spline]
- britecharts ★3324 - Client-side reusable charting library [bar, line, donut, sparkline, step]
- cirrusjs ★93 ⏳2Y - A multi-renderer charts library [area, line, stacked]
- cubism ★4672 - Time series visualization
- WebCola ★1155 - Layout for graph visualization and exploration
- c3 ★7801 - Reusable chart library [line, spline, step, area, stacked, bar, pie, donut]
- dagre-d3 ★1324 - Layout directed graphs on the client-side
- dc.js ★6277 - For heavy amounts of data
- dimple ★2653 - An object-oriented API for business analytics [bubble, area, stacked]
- d2b ★39 - Chart library for axis, pie, sankey, sunburst charts
- d3.chart ★753 ⏳2Y - Framework for building reusable charts
- d3.chart.sankey ★77 - Reusable D3 Sankey diagram
- d3-bar ★149 ⏳1Y - Bar chart
- d3-beeswarm ★25 - Plugin which computes a beeswarm arrangement
- d3-bumps-chart ★6 - Plugin for visualizing bumps charts
- d3-circle ★119 ⏳1Y - Circle chart [donut]
- d3-dot ★120 ⏳1Y - Dot chart
- d3-ez ★13 - Easy Reusable D3 Charts & Components
- d3-gridding ★55 - Chart mockups using grids
- d3-heatmap ★222 ⏳2Y - Heatmap
- d3-line ★118 ⏳1Y - Line chart
- d3-flame-graph ★306 - Flame graphs from hierarchical data
- d3-horizon-chart ★54 ⏳1Y - Horizon charts module
- d3-message-sequence ★69 ⏳1Y - A dynamic/static message sequence chart
- d3plus ★1391 - Extension library for easy creation of visualizations [scatter, stacked, line, bar, pie, network, bubble, box, map]
- d3-timeline ★631 - responsive timeline charts
- d3fc ★422 - A collection of interactive chart components [line, bar, stacked, scatter, candlestick, ohlc]
- d3-funnel ★183 - A funnel and pyramid chart library
- d3panels ★25 - Interactive charts with linked brushing [dot, scatter, line, heatmap, histogram]
- d3pie ★331 - A configurable pie chart lib and generator
- D3xter ★346 ⏳1Y - Straight forward plotting [plot, timeline, bar, histogram, pie]
- d3-timeseries ★92 - Time series charting library
- D4 ★416 - Re-usable charts DSL [bar, donut, line, scatter, stacked, waterfall]
- dTree ★142 - Family tree library
- epoch ★4938 - A general purpose, real-time visualization library [area, bar, line, pie, scatter]
- EventDrops ★918 - A time based/event series interactive visualization
- Fancycharts.js ★99 ⏳2Y - Library to visualize percentage values [bar, circles, donut]
- firespray ★94 ⏳3Y - Streaming charts [bar, line, stacked]
- forest-d3 ★52 ⏳2Y - A time series charting library [line, area, stacked, bar, scatter, pie ohlc]
- Gantt-Chart ★299 - Gantt chart library
- insights ★188 - Library to visualize and navigate graphs
- kotojs ★278 ⏳1Y - ES6 based framework
- metrics-graphics ★6883 - Optimized for visualizing time-series data [line, scatter, area]
- micropolar ★117 ⏳1Y - A polar chart library
- mpld3 ★1648 - Export matplotlib graphics to work in the Browser
- neo4jd3 ★216 - Neo4j graph visualization
- nvd3 ★6548 - Re-usable charts and chart components [box plot, buttlet, candlestick, line, bar, pie, scatter, sparkline]
- oecd-simple-charts ★11 - Simple charting library [box plot, stacked bar, pearl chart]
- peek ★64 ⏳2Y - Object-oriented chart library [scatter, line, area, bar, pie, donut]
- plotly.js ★8356 - High level charting library [scatter, line, bar, pie, box plot, histogram, heatmap]
- plottable ★2411 - Flexible, interactive charts for the web [area, bar, line, pie, scatter, stacked]
- radar-chart-d3 ★331 ⏳1Y - Radar chart module
- rickshaw ★6268 - Toolkit for creating interactive real-time graphs [line, scatter, bar]
- taucharts ★1643 - Charts with a focus on design and flexibility [line, bar, area, stacked]
- techan.js ★1550 - A visual, stock charting and technical analysis [candlestick, ohlc]
- uvCharts ★239 - Supports lots of different chart types [bar, area, pie, stacked, line, polar, donut]
- vega ★5967 - A visualization grammar
- vega-lite ★1304 - A high-level grammar of interactive graphics
- venn.js ★618 - Area proportional Venn and Euler diagrams
- visavail ★127 - Time data availability visualization
- vizabi ★167 - A framework for building visual data exploration tools [bubble, map, line, bar, sankey, donut]
- xkcdgraphs ★358 - Xkcd style graphs [line]
Third Party
- angular-nvd3 ★1305 - NVd3 for Angular [line, stacked, bar, area, scatter, bullet, donut]
- d3act ★307 ⏳1Y - d3 with React [bar, bubble, pie]
- d3-simpleCharts ★4 ⏳5Y - A d3 wordpress plugin
- ember-charts ★784 - Charts for Ember [line, bar, stacked, pie, scatter]
- line-chart ★1225 - Line chart module for Angular [line, area, bar]
- nivo ★2521 - Dataviz components for React with isomorphic ability [bar, line, area, bubble, chord, heatmap]
- ngx-charts ★2071 - Chart framework for Angular [bar, pie, line, area, polar, stacked, bubble]
- potion ★111 - Collection of React components for composing visualizations
- react-d3 ★1728 ⏳2Y - Charts for React [area, bar, candlestick, line, pie, scatter]
- react-d3-components ★1369 - D3 Components [bar, stacked, scatter, line, area, pie]
- react-d3-library ★789 - Library to use D3 in React [area, bar, line, pie, scatter]
- react-stockcharts ★1747 - Highly customizable stock charts [area, line, scatter, bubble, bar, stacked, candlestick]
- react-vis ★3725 - A collection of react components to render visualizations [area, bar, heatmap, line, scatter]
- recharts ★9226 - Re-designed charting library built with React
- semiotic ★1325 - A data visualization framework combining React & D3 [scatter, line, area]
- victory ★6059 - Composable React components for building visualizations [area, bar, candlestick, pie, line, scatter, voronoi]
- vx ★3918 - Visualization components for React [bar, line, scatter, stacked, area, pattern, heatmap, pie, radial, map, geo]
- Vs ★18 - Declarative visualisation components for Vue.js [bar, line, area, pie, donut, stacked, sankey, timeline]
Maps
- d3-carto-map ★237 ⏳3Y - A mapping API that uses D3 geospatial functionality
- d3-composite-projections ★46 - Projections for showing countries’ distant lands together
- datamaps ★2829 - Customizable map visualizations in one file
- d3-topogram ★269 - Continuous area cartograms based on TopoJSON
- d3-exploder ★85 ⏳1Y - Lets you easily move and resize geographic features
- d3-geo-polygon ★33 - Clipping and geometric operations for spherical polygons
- d3-geo-projection ★648 - Extended geographic projections
- d3-geo-voronoi ★55 - Voronoi diagrams and Delaunay triangulation for the sphere
- d3-geomap ★73 ⏳1Y - Library for creating geographic maps
- d3.geo2rect ★160 ⏳1Y - Morphing geojson polygons into rectangles
- d3-inertia ★34 - An extension to d3-drag that continues the mouse movement with some inertia
- earthjs ★73 - Building orthographic globe with SVG, Canvas & WebGL
- mapmap.js ★86 ⏳1Y - A data-driven API for interactive thematic maps
- mapsense.js ★86 ⏳2Y - Full resolution vector maps with D3
- maptable ★51 - Convert datasets to a set of visual components (Map, Filters, Table)
- simple-map-d3 ★107 ⏳1Y - Easy choropleth style maps
- spam ★92 - Create maps with D3 and Canvas, easily
Third Party
- leaflet-d3 ★170 - Collection of plugins for using D3 with Leaflet [map, geo]
- react-d3-basic ★200 - Library For Building Composable And Declarative Maps [map, geo]
- Wikimaps-D3js Atlas ★29 ⏳1Y - CLI to generate raster, topojson and svg maps [map, geo]
- react-simple-maps ★1142 - An SVG mapping component library for React, built on top of d3-geo [map, geo]
Utils
- crossfilter ★730 - Library for exploring large multivariate datasets
- d3kit-timeline ★252 - Timeline component that labels do not overlap
- d3scription ★24 - Tooltip with window edge collision detection
- d3-annotation ★519 - Annotaion helper with built-in annotation types
- d3-area-label ★37 - A library for placing labels in areas
- d3-breadcrumbs ★2 - Simplifies breadcrumbs usage
- d3-component ★93 - Lightweight component abstraction
- d3-extended ★259 - Extends d3 with some common jQuery functions
- d3-helpers ★25 ⏳3Y - Little utility functions
- d3-history ★40 - Proper URL bar history
- d3-iconarray ★65 - A plug-in for aligning elements in grids
- d3kit ★355 ⏳1Y - A set of tools to speed D3 related project development
- d3-Labeler ★153 - Plug-in for automatic label placement
- d3-lasso ★56 ⏳1Y - Tag elements by drawing a line over or around objects
- d3-legend ★591 - Legend helper
- d3-loom ★63 - Plugin to create a “loom” visualization
- d3-nelson-rules ★15 - Apply nelsons rules of process control to a set of data
- d3-peaks ★46 ⏳2Y - Find peaks in a noisy signal
- d3-ring-note ★101 ⏳2Y - Plugin for placing circle and text annotations
- d3-scale-cluster ★85 - Scale that clusters data into discrete groups
- d3-sparql ★44 - Utility for accessing data from SPARQL Endpoints
- d3-starterkit ★127 - Helper functions simplifying common and verbose d3 patterns
- d3-template ★1 - Plugin to create and render templates using D3’s data binding mechanism
- d3-tip ★1028 - Tooltip helper
- d3-tipy ★90 ⏳1Y - Tooltip helper
- d3-tooltip ★3 - Arrow shaped tooltip with shadows and dynamic content
- d3-trail ★135 ⏳3Y - A layout for creating better path elements
- d3-xray ★23 ⏳1Y - Bookmarklet that logs results of the data joins as you mouse over
- d3-slider ★228 ⏳1Y - jQuery UI inspired slider
- d3.svg.circularbrush ★49 ⏳2Y - A brush for selecting cyclical data
- d3.svg.ribbon ★21 ⏳2Y - An area interpolator
- iopctrl ★35 ⏳4Y - Lib for making simple user interface controls
- d3-jetpack ★499 - Nifty convenience wrappers that speed up your daily work
- kodama ★55 ⏳1Y - Tooltip Plugin
- swoopyarrows ★85 ⏳1Y - Plugin to create swoopy arrows
- swoopy-drag ★104 ⏳1Y - Artisanal label placement for d3 graphics
- textures ★4357 - SVG patterns for data visualization
Miscellaneous
- chess-dataviz ★39 ⏳1Y - Chess dataviz library
- codeflower ★487 - Bird’s eye view of the whole code
- comic.js ★123 ⏳2Y - Cartoon style drawing. Works also for canvas, Raphael & SVG.js
- dragit ★163 ⏳2Y - A toolkit to enable the manipulation of data graphics
- d3moji ★103 ⏳1Y - First class emoji support
- d3-cloud ★2567 - Word clouds
- d3-context-menu ★79 - Helper to create context-menus
- d3-force-gravity ★17 ⏳1Y - Implement gravitational attraction (or force-field-like repulsion)
- d3-resume ★32 ⏳3Y - Resume visualizer
- d3.sketchy ★228 ⏳2Y - Creates sketchy backgrounds, shapes and lines
- d3plus-text ★38 - Smart SVG text box with line wrapping and automatic font scaling
- graph-scroll ★409 - Simple scrolling events
- jsdoc2diagram ★33 ⏳2Y - Create tree diagram from jsdoc
- mermaid ★18432 - Generation of diagrams and flowcharts from text in a markdown style
- netvis ★13 ⏳3Y - Visualize network communication for arbitrary protocols
Server side
- d3-node ★424 - Static chart and map generation
Code Editors
- d3-snippets ★37 - Snippets for Atom
- d3-snippets-for-sublime-text-2 ★12 ⏳4Y - Snippets for Sublime
- d3Snippets ★2 ⏳1Y - Snippets for VS Code
Bl.ocks.org Profiles
- Adam Pearce - 1wheel
- Colin Eberhardt - ColinEberhardt
- Harry Stevens - HarryStevens
- Luis Sevillano - LuisSevillano
- Peter Cook - d3indepth
- Elijah Meeks - emeeks
- Ian Johnson - enjalot
- Philippe Rivière - fil
- Mike Bostock - mbostock
- Matteo Filipponi - mfilippo
- Micah Stubbs - micahstubbs
- Nadieh Bremer - nbremer
- Matteo Abrate - nitaku
- Susie Lu - susielu
- Shirley Wu - sxywu
- Kai Chang - syntagmatic
- Tom Shanley - tomshanley
- Vasco Asturiano - vasturiano
- Noah Veltman - veltman
-
Zan Armstrong - zanarmstrong
This list is a copy of wbkd/awesome-d3 with ranks