JSPM

Serialize Canvas path commands to SVG.

Array manipulation, ordering, searching, summarizing, etc.

A calculator for humanity’s peculiar conventions of time.

Encodings that map abstract data to visual representation.

Format numbers for human consumption.

Graphical primitives for visualization, such as lines and areas.

An efficient queue capable of managing thousands of concurrent animations.

Color spaces! RGB, HSL, Cubehelix, Lab and HCL (Lch).

Vendored dependencies for Victory

Interpolate numbers, colors, strings, arrays, objects, whatever!

A JavaScript time formatter and parser inspired by strftime and strptime.

Easing functions for smooth animation.

Register named callbacks and call them with arguments.

Data-driven DOM manipulation: select elements and join them to data.

Animated transitions for D3 selections.

Drag and drop SVG, HTML or Canvas using mouse or touch input.

Pan and zoom SVG, HTML or Canvas using mouse or touch input.

Layout algorithms for visualizing hierarchical data.

Shapes and calculators for spherical coordinates.

Sequential, diverging and categorical color schemes.

Displays automatic reference lines for scales.

Two-dimensional recursive spatial subdivision.

Data-Driven Documents

Compute contour polygons using marching squares.

Visualize relationships or network flow with an aesthetically-pleasing circular layout.

Convenient parsing for Fetch.

Force-directed graph layout using velocity Verlet integration.

Operations for two-dimensional polygons.

A parser and formatter for delimiter-separated values, such as CSV and TSV

Generate random numbers from various distributions.

Select a one- or two-dimensional region using the mouse or touch.

Visualize flow between nodes in a directed acyclic network.

Compute the Voronoi diagram of a set of two-dimensional points.

Handy data structures for elements keyed by string.

Extended geographic projections for d3-geo.

visx shape

visx text

visx group

visx scale

visx curve

visx axis

Visualize flow between nodes in a directed acyclic network.

D3 sankey with circular links

visx event

visx tooltip

<a href="https://nivo.rocks"><img alt="nivo" src="https://raw.githubusercontent.com/plouc/nivo/master/nivo.png" width="216" height="68"/></a>

visx grid

<a href="https://nivo.rocks"><img alt="nivo" src="https://raw.githubusercontent.com/plouc/nivo/master/nivo.png" width="216" height="68"/></a>

Vendored dependencies for MUI X Charts.

Three-dimensional recursive spatial subdivision.

<a href="https://nivo.rocks"><img alt="nivo" src="https://raw.githubusercontent.com/plouc/nivo/master/nivo.png" width="216" height="68"/></a>

visx responsive svg

Force-directed graph layout in 1D, 2D or 3D using velocity Verlet integration.

Interpolates path `d` attribute smoothly when A and B have different number of points.

<a href="https://nivo.rocks"><img alt="nivo" src="https://raw.githubusercontent.com/plouc/nivo/master/nivo.png" width="216" height="68"/></a>

<a href="https://nivo.rocks"><img alt="nivo" src="https://raw.githubusercontent.com/plouc/nivo/master/nivo.png" width="216" height="68"/></a>

<a href="https://nivo.rocks"><img alt="nivo" src="https://raw.githubusercontent.com/plouc/nivo/master/nivo.png" width="216" height="68"/></a>

<a href="https://nivo.rocks"><img alt="nivo" src="https://raw.githubusercontent.com/plouc/nivo/master/nivo.png" width="216" height="68"/></a>

One-dimensional recursive spatial subdivision.

visx gradient

Group two-dimensional points into hexagonal bins.

Area Component for Victory

Line Component for Victory

Group Layout Component for Victory

Evaluate asynchronous tasks with configurable concurrency.

The Vega visualization grammar.

Pie Component for Victory

Axis Component for Victory

Interactive Brush Component for Victory

Polar Axis Component for Victory

Chart Component for Victory

Bar Component for Victory

Shared Event Helper for Victory

Interactive Selection Component for Victory

Box Plot Component for Victory

Candlestick Component for Victory

Tooltip Component for Victory

visx drag

Interactive Brush Line Component for Victory

Victory Core

Histogram Component for Victory

Container Helper for Victory

Voronoi Component for Victory

<a href="https://nivo.rocks"><img alt="nivo" src="https://raw.githubusercontent.com/plouc/nivo/master/nivo.png" width="216" height="68"/></a>

Scatter Component for Victory

Interactive Cursor Component for Victory

Interactive Zoom Component for Victory

Stack Layout Component for Victory

Interactive Voronoi Mouseover Component for Victory

visx primitives that rely on react-spring for animation

Legend Component for Victory

Calculate statistical regressions for two-dimensional data

Composable cartesian coordinate chart built with visx primitives

Data viz for React

2D force-directed graph rendered on HTML5 canvas

Error Bar Component for Victory

visx pattern

HTML5 Canvas Components for Victory

visx glyph

visx legend

visx voronoi

visx annotation

<a href="https://nivo.rocks"><img alt="nivo" src="https://raw.githubusercontent.com/plouc/nivo/master/nivo.png" width="216" height="68"/></a>

<a href="https://nivo.rocks"><img alt="nivo" src="https://raw.githubusercontent.com/plouc/nivo/master/nivo.png" width="216" height="68"/></a>

Create contours from non-gridded data with meandering triangles.

D3 plugin which computes a treemap based on Voronoi tesselation

Spherical Voronoi Diagram and Delaunay Triangulation

D3 plugin which computes a Weighted Voronoi tesselation

Tooltips for d3 svg visualizations

D3 plugin which computes a map (one-level treemap), based on Voronoi tesselation

A shim module of colorbrewer2 by Cythina Brewer for browserify

React component to create interactive D3 tree hierarchies

<a href="https://nivo.rocks"><img alt="nivo" src="https://raw.githubusercontent.com/plouc/nivo/master/nivo.png" width="216" height="68"/></a>

Declarative Charting Framework for Angular

Vendored dependencies to fix ERR_REQUIRE_ESM.

A convenient alternative to XMLHttpRequest.

visx heatmap

CartoColors: custom color palettes from CARTO

visx zoom

Force-directed graph as a ThreeJS 3d object

visx mock data

visx clip-path

visx brush

visx tree

Flexible tree layout algorithm that allows for variable node sizes.

visx geo

<a href="https://nivo.rocks"><img alt="nivo" src="https://raw.githubusercontent.com/plouc/nivo/master/nivo.png" width="216" height="68"/></a>

<a href="https://nivo.rocks"><img alt="nivo" src="https://raw.githubusercontent.com/plouc/nivo/master/nivo.png" width="216" height="68"/></a>

visx sankey

visx threshold

D3-based reusable chart library

<a href="https://nivo.rocks"><img alt="nivo" src="https://raw.githubusercontent.com/plouc/nivo/master/nivo.png" width="216" height="68"/></a>

visx marker

Data visualization library based on React and d3.

Compute the quadtree tiles to display in a rectangular viewport.

<a href="https://nivo.rocks"><img alt="nivo" src="https://raw.githubusercontent.com/plouc/nivo/master/nivo.png" width="216" height="68"/></a>

vx group

Beautiful, data-driven animations for React.

vx shape

visx wordcloud

A small library to have any gradient follow along any SVG path

One stop install for all visx packages

Highly customizable org chart, created with d3

visx delaunay

Customizable charts (Line, Bar, Area, Pie, Circle, Progress) for React Native

vx responsive svg

Server-side D3 with ease

<a href="https://nivo.rocks"><img alt="nivo" src="https://raw.githubusercontent.com/plouc/nivo/master/nivo.png" width="216" height="68"/></a>

vx scale

DOM like data structure to be mutated by D3 et al, then rendered to React elements

Graphviz DOT rendering and animated transitions for D3

FORK! of NVD3, a reusable charting library written in d3.js

Layout algorithms for visualizing directed acylic graphs.

A reusable charting library written in d3.js

Simple dependency-free TSV and CSV converter/parser

visx stats box violin

vx curve

<a href="https://nivo.rocks"><img alt="nivo" src="https://raw.githubusercontent.com/plouc/nivo/master/nivo.png" width="216" height="68"/></a>

<a href="https://nivo.rocks"><img alt="nivo" src="https://raw.githubusercontent.com/plouc/nivo/master/nivo.png" width="216" height="68"/></a>

vx tooltip

vx axis

UI component for a 3D force-directed graph in VR

vx pattern

A 3D Force-Directed Graph component for A-Frame.

Re-usable easy interface JavaScript chart library, based on D3 v4+

vx event

vx gradient

A d3.js library to produce flame graphs.

vx text

Generate hexmaps from data that uses the Open Data Institute's HexJSON format.

<a href="https://nivo.rocks"><img alt="nivo" src="https://raw.githubusercontent.com/plouc/nivo/master/nivo.png" width="216" height="68"/></a>

React library for showing speedometer like gauge using d3.

<a href="https://nivo.rocks"><img alt="nivo" src="https://raw.githubusercontent.com/plouc/nivo/master/nivo.png" width="216" height="68"/></a>

Utilities for copying methods from one d3 component to another in a configurable way

vx glyph

vx grid

Visualize your app state with a range of reusable charts

<a href="https://nivo.rocks"><img alt="nivo" src="https://raw.githubusercontent.com/plouc/nivo/master/nivo.png" width="216" height="68"/></a>

Data Visualization using React

Simple React + D3 wordcloud component with powerful features.

<a href="https://nivo.rocks"><img alt="nivo" src="https://raw.githubusercontent.com/plouc/nivo/master/nivo.png" width="216" height="68"/></a>

<a href="https://nivo.rocks"><img alt="nivo" src="https://raw.githubusercontent.com/plouc/nivo/master/nivo.png" width="216" height="68"/></a>

A data subsampler that chooses representative data points using a largest triangle or mode-median approach.

<a href="https://nivo.rocks"><img alt="nivo" src="https://raw.githubusercontent.com/plouc/nivo/master/nivo.png" width="216" height="68"/></a>

<a href="https://nivo.rocks"><img alt="nivo" src="https://raw.githubusercontent.com/plouc/nivo/master/nivo.png" width="216" height="68"/></a>

Clustering force for d3.forceSimulation.

<a href="https://nivo.rocks"><img alt="nivo" src="https://raw.githubusercontent.com/plouc/nivo/master/nivo.png" width="216" height="68"/></a>

Color spaces! RGB, HSL, Cubehelix, Lab and HCL (Lch).

A highly configurable tooltip for d3

vx legend

Javascript exports of matplotlib's new default color scales; inferno, magma, plasma and viridis. Works with browserify and D3.js

Multi-value map syntax for D3 selections.

vx clip-path

A word cloud component using d3-cloud

A multi-dimensional charting library built to work natively with crossfilter and rendered using d3.js

Malevič.js - minimalistic reactive UI library

A legend component for d3. Given a d3.scale it can create either a color legend, size legend, or symbol legend.

An AngularJS directive for NVD3.js reusable charting library

A collection of components for rendering data series to SVG and canvas, including line, bar, OHLC, candlestick and more

A collection of SVG/canvas path generators for creating chart series

Utilities for managing color schemes and color scales.

A component that simplifies the D3 data join and supports the d3fc decorate pattern

A collection of utilities to enable drawing to WebGL canvases

<a href="https://nivo.rocks"><img alt="nivo" src="https://raw.githubusercontent.com/plouc/nivo/master/nivo.png" width="216" height="68"/></a>

Custom HTML elements that make it easier to create responsive visualisations that integrate easily with other UI frameworks (e.g. React, Angular)

A drop-in replacement for d3 axis, with support for the d3fc decorate pattern

A simple Cartesian chart component that renders to canvas or SVG.

D3 sankey with circular links

A D3 layout that places labels avoiding overlaps using either a greedy or simulated annealing strategy

A collection of components that make it easy to build interactive charts with D3

Extends the d3 extent functionality to allow multiple accessors, padding and date support

Components for generating random data series based on stochastic processes

Component which emits the current mouse or touch position over a selection

Components for calculating technical indicators on data series

visx group

The Vega visualization grammar.

Adapts the D3 brush, making it easier to create data-driven brushed charts.

A collection of D3 components for rendering plot area annotations to SVG, including lines, crosshairs, gridlines and more

Theme-compliant data visualization components for the Graphene design system. Built on D3, styled with Tailwind, and designed to inherit the Graphene token system out of the box.

Sankey diagram d3 plugin

React data visualization library with built-in MCP server for AI-assisted chart generation

An API for fetching financial time-series data from different sources including GDAX

A library for rendering SVG funnel charts using D3.js

A D3 scale that supports domains that are not continuous, allowing 'breaks' in the scale, for example skipping weekends for a date scale.

A zoom component which operates in domain values

Shared @data-ui components used across multiple packages

A bounding box collision detection constraint for d3 forceSimulation.

Color spaces! RGB, HSL, Cubehelix, Lab and HCL (Lch).

A package for radial-axis visualizations https://williaster.github.io/data-ui

vx stats box violin

vx voronoi

Generate a tree of file metadata that matches d3's hierarchy layout format

A package of charts with standard x- and y- axes. https://williaster.github.io/data-ui

vx threshold

A visualization to explore sequences of events

A collection of different generators for complex edges with D3.

Loads D3.js into your Ember application

Customizable charts (Line, Bar, Area, Pie, Circle, Progress) for React Native

Core library for the DevExtreme Reactive Chart component

Sunburst interactive chart web component for visualizing hierarchical data

Composable plugin-based chart component for React

ES6 module of Parallel Coordinates, based on d3 v5 modules

SVG patterns for Data Visualization

Versor

Generate a trendline using linear regression

Attributes and styles as object for D3-selection

A TypeScript library for visualizing and simulating directed, interactive graphs.

React + d3 library for creating histograms