The Vibeary — tag

d3

40 resources in The Vibeary tagged "d3" — tools, libraries and references pulled from across the library's shelves, each one checked by hand before it was added.

Gems in this collection

Preview of d3-voronoi-treemap

d3-voronoi-treemap

Treemap layout that packs hierarchies into arbitrary shapes using Voronoi tessellation instead of nested rectangles.

Franck Lebeau (@Kcnarf)open-source
Preview of graph-scroll

graph-scroll

Minimal scroll-driven event library for D3 graphics, sized for a single explanatory piece rather than a framework.

Adam Pearce (@adamrpearce)open-source
Preview of d3-geo-voronoi

d3-geo-voronoi

Spherical Voronoi diagrams and Delaunay triangulation computed on the globe rather than a flat plane.

Philippe Rivière (@recifs)MIT
Preview of Plottable

Plottable

Modular chart components on D3 where axes, plots and layout are separate objects you compose into custom chart types.

Palantir (@palantir)MIT
Preview of Observable Framework

Observable Framework

Static site generator for data apps where build-time data loaders precompute snapshots so dashboards load instantly.

Observable (@observablehq)open-source
Preview of swoopy-drag

swoopy-drag

Tool for hand-placing curved swoopy annotation arrows on D3 charts and exporting the resulting coordinates.

Adam Pearce (@adamrpearce)open-source
Preview of Semiotic

Semiotic

React dataviz framework built around annotation, network and ordinal frames rather than chart-type presets.

Elijah Meeks (@Elijah_Meeks) / nteractApache-2.0
Preview of d3-beeswarm

d3-beeswarm

Layout plugin that computes non-overlapping beeswarm arrangements for one-dimensional distributions, so every individual data point stays visible.

Franck Lebeau (@Kcnarf)open-source
Preview of billboard.js

billboard.js

D3-based reusable chart library from Naver with a compact API, plugin system and unusually complete TypeScript definitions.

Naver (@naver)MIT
Preview of d3-force-3d

d3-force-3d

Fork of d3-force extending velocity-Verlet simulation to one, two or three dimensions.

Vasco Asturiano (@vasturiano)MIT
Preview of d3-force-sampled

d3-force-sampled

Drop-in replacement for d3-force using random vertex sampling for linear-time layouts on large graphs.

Two Six Labs (@twosixlabs)open-source
Preview of d3-lasso

d3-lasso

Free-form lasso selection for D3 charts, letting users draw around points to filter scatterplots.

Steven Okenes (@skokenes)open-source
Preview of Lume

Lume

Vue 3 chart component library from Adyen built on D3 with a strict design-system-first component API.

Adyen (@Adyen)MIT
Preview of d3-cloud

d3-cloud

Word cloud layout that places words with sprite-based collision detection, running asynchronously so it never blocks the page.

Jason Davies (@jasondavies)open-source
Preview of WebCola

WebCola

Constraint-based graph layout that supports alignment, non-overlap, flow direction and grouping constraints.

Tim Dwyer (@tgdwyer)MIT
Preview of d3-inertia

d3-inertia

Extends d3-drag so globe rotation keeps spinning with momentum after the pointer is released.

Philippe Rivière (@recifs)MIT
Preview of d3-loom

d3-loom

Layout for loom diagrams, a chord-diagram variant that shows relationships between entities and a shared centre.

Nadieh Bremer (@NadiehBremer)MIT
Preview of d3-scale-cluster

d3-scale-cluster

Scale that bins continuous data into discrete classes using k-means clustering rather than quantile or equal-interval breaks.

Dan Schnerd (@schnerd)MIT
Preview of d3-interpolate-path

d3-interpolate-path

Path interpolator that handles transitions between paths with different numbers of points without visual jumping.

Peter Beshai (@pbeshai)open-source
Preview of d3-dag

d3-dag

Layout algorithms for directed acyclic graphs — Sugiyama, zherebko and grid — as a d3-hierarchy-style module.

Erik Brinkman (@erikbrinkman)MIT
Preview of Cubism.js

Cubism.js

D3 plugin for horizon charts, a time-series encoding that stacks many metrics in a fraction of the vertical space.

Square / Mike Bostock (@mbostock)Apache-2.0
Preview of TauCharts

TauCharts

Grammar-of-graphics chart library built around facets and declarative data mapping rather than per-chart-type config objects.

Targetprocess (@TargetProcess)Apache-2.0
Preview of CodeFlower

CodeFlower

Renders a codebase as a force-directed flower where each file is a leaf sized by lines of code.

Francois Zaninotto (@francoisz)MIT
Preview of EventDrops

EventDrops

Time-based event series visualisation showing dense dot timelines per row, with zoom and brushing.

Marmelab (@marmelab)MIT
Preview of d3-jetpack

d3-jetpack

Convenience wrappers over D3 selections adding appendMany, translate, at/st shorthands and tspan wrapping.

Gregor Aisch (@driven_by_data)open-source
Preview of d3-area-label

d3-area-label

Places labels inside stacked area bands at the largest fitting position, sized and rotated automatically.

Curran Kelleher (@currankelleher)MIT
Preview of d3-flame-graph

d3-flame-graph

Flame graph component for profiling and any hierarchical data, with search, zoom and differential comparison modes.

Martin Spier (@spiermar)Apache-2.0
Preview of d3-upset

d3-upset

UpSet plot implementation for visualising intersections across many sets where Venn diagrams break down.

Chuntul (@chuntul)MIT
Preview of d3.sketchy

d3.sketchy

D3 plugin that generates sketchy backgrounds, hatched shapes and wobbly lines to give any D3 chart a drawn texture.

Sebastian Meier (@seb_meier)MIT
Preview of visavail

visavail

Time-data availability chart showing when each series has data and where the gaps are.

Florian Roscheck (@flrs)MIT
Preview of d3-annotation

d3-annotation

Annotation layer for D3 with badge, callout, curve and threshold annotation types plus draggable editing during design.

Susie Lu (@DataToViz)MIT
Preview of d3-legend

d3-legend

Legend generator for D3 colour, size and symbol scales that stays in sync with the scale it was built from.

Susie Lu (@DataToViz)MIT
Preview of d3-composite-projections

d3-composite-projections

Map projections that place distant territories such as Alaska, Hawaii and French overseas regions next to the mainland.

Roger Veciana (@rveciana)MIT
Preview of claude-d3js-skill

claude-d3js-skill

Skill that teaches Claude to build correct, idiomatic d3.js data visualisations instead of generic charting library output.

Chris von Csefalvay (@chrisvoncsefalvay)open-source
Preview of d3fc

d3fc

Component set for financial and technical charts on D3 that renders identical series to SVG, Canvas or WebGL from one definition.

Scott Logic (@ScottLogic)MIT
Preview of d3-geo-scale-bar

d3-geo-scale-bar

Generates correct scale bars for projected geospatial data, accounting for distortion at the bar's location.

Harry Stevens (@Harry_Stevens)MIT
Preview of Textures.js

Textures.js

D3 module that generates SVG pattern fills — lines, circles, paths — for encoding categories without relying on colour alone.

Riccardo Scalco (@riccardoscalco)MIT
Preview of Techan.js

Techan.js

D3 plugin for stock and financial charts with candlestick, OHLC, trendline and crosshair components.

Andrew Andrasko (@andredumas)MIT
Preview of Reaviz

Reaviz

React chart library with unusually strong defaults for radial, sankey, treemap and calendar heatmap types plus built-in motion.

Reaviz / Austin McDaniel (@amcdnl)Apache-2.0
Preview of d3-x3d

d3-x3d

Data-driven 3D charts rendering to X3D/X3DOM, covering 3D bar, scatter, surface and bubble charts.

James Saunders (@jamesleesaunders)GPL