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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

d3-geo-scale-bar
Generates correct scale bars for projected geospatial data, accounting for distortion at the bar's location.
Textures.js
D3 module that generates SVG pattern fills — lines, circles, paths — for encoding categories without relying on colour alone.
Techan.js
D3 plugin for stock and financial charts with candlestick, OHLC, trendline and crosshair components.

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

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