JSPM

Interactive Selection Component for Victory

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

Attributes and styles as object for D3-selection

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

Multi-value map syntax for D3 selections.

Animated transitions for D3 selections.

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

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

Extends D3 Selection with helpful functions which are similar to the jQuery API.

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

Victory Core

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

GPU-accelerated force-directed graph layout with adaptive CPU/GPU selection. Drop-in replacement for d3-force with WebGPU support.

CartoColors: custom color palettes from CARTO

A zoom component which operates in domain values

Array manipulation, ordering, searching, summarizing, etc.

Serialize Canvas path commands to SVG.

Graphical primitives for visualization, such as lines and areas.

A calculator for humanity’s peculiar conventions of time.

Format numbers for human consumption.

Encodings that map abstract data to visual representation.

An efficient queue capable of managing thousands of concurrent animations.

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

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

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

Easing functions for smooth animation.

Graphviz DOT rendering and animated transitions for D3

Vendored dependencies for Victory

Register named callbacks and call them with arguments.

Layout algorithms for visualizing hierarchical data.

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

React graphical component to display metric over time with a time selection feature.

Shapes and calculators for spherical coordinates.

Easy way to apply d3-zoom functionality to DOM elements

Sequential, diverging and categorical color schemes.

Data-Driven Documents

Displays automatic reference lines for scales.

Two-dimensional recursive spatial subdivision.

Compute contour polygons using marching squares.

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

Force-directed graph layout using velocity Verlet integration.

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

Convenient parsing for Fetch.

Operations for two-dimensional polygons.

Generate random numbers from various distributions.

A visualization to explore sequences of events

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

Visualize flow between nodes in a directed acyclic network.

Handy data structures for elements keyed by string.

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

Extended geographic projections for d3-geo.

visx shape

visx group

visx scale

visx text

visx curve

visx event

visx axis

visx grid

visx tooltip

Vendored dependencies for MUI X Charts.

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

visx responsive svg

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

visx gradient

Area Component for Victory

Group Layout Component for Victory

Evaluate asynchronous tasks with configurable concurrency.

Line 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>

Box Plot Component for Victory

Polar Axis Component for Victory

Bar Component for Victory

Shared Event Helper for Victory

Chart Component for Victory

Tooltip Component for Victory

Group two-dimensional points into hexagonal bins.

Pie 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>

Axis Component for Victory

Interactive Brush Line Component for Victory

Interactive Brush Component for Victory

Interactive Voronoi Mouseover Component for Victory

D3 sankey with circular links

Container Helper for Victory

visx primitives that rely on react-spring for animation

Visualize flow between nodes in a directed acyclic network.

visx drag

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

Candlestick Component for Victory

Histogram 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>

Voronoi Component for Victory

Stack Layout Component for Victory

Scatter Component for Victory

Interactive Cursor Component for Victory

Interactive Zoom Component for Victory

Legend Component for Victory

Composable cartesian coordinate chart built with visx primitives

Data viz for React

Error Bar Component for Victory

visx glyph

visx legend

HTML5 Canvas Components for Victory

Three-dimensional recursive spatial subdivision.

visx voronoi

Margin conventions for d3-selection.

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

The Vega visualization grammar.

visx annotation

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

visx pattern

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

A convenient alternative to XMLHttpRequest.

React component to create interactive D3 tree hierarchies

Declarative Charting Framework for Angular

One-dimensional recursive spatial subdivision.

visx clip-path

A shim module of colorbrewer2 by Cythina Brewer for browserify

Calculate statistical regressions for two-dimensional data

visx mock data

Vue component for showing speedomenter like gauge with d3

Loads D3.js into your Ember application

Idempotent append operations for D3 selection.

A JavaScript library for developing applications and interactive visualizations involving [phylogenetic trees](https://en.wikipedia.org/wiki/Phylogenetic_tree), written as an extension of the [D3](http://d3js.org) [hierarchy layout](https://github.com/d3/

d3-jetpack is a set of nifty convenience wrappers that speed up your daily work with d3.js

visx tree

D3 plugin which computes a Weighted Voronoi tesselation

visx heatmap

D3 plugin which computes a treemap based on Voronoi tesselation

visx zoom

visx threshold

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

Flexible tree layout algorithm that allows for variable node sizes.

vx group

vx shape

Vendored dependencies to fix ERR_REQUIRE_ESM.

2D force-directed graph rendered on HTML5 canvas

Tooltips for d3 svg visualizations

visx marker

D3-based reusable chart library

visx brush

visx geo

Data visualization library based on React and d3.

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

visx wordcloud

One stop install for all visx packages

Create contours from non-gridded data with meandering triangles.

vx scale

A d3 plugin for lasso selecting elements

Spherical Voronoi Diagram and Delaunay Triangulation

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

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

Beautiful, data-driven animations for React.

vx responsive svg

visx delaunay

vx curve

Highly customizable org chart, created with d3

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

vx axis

vx tooltip

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

vx event

Force-directed graph as a ThreeJS 3d object

vx pattern

vx gradient

vx text

Server-side D3 with ease

Simple dependency-free TSV and CSV converter/parser

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

<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>

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

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

visx sankey

vx glyph

vx grid

A reusable charting library written in d3.js

Layout algorithms for visualizing directed acylic graphs.

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

Utilities for managing color schemes and color scales.

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

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

<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>

vx legend

Vue component to graph networks using d3-force

<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>

wrap long lines of text using foreignObject tags or tspans as appropriate, depending on browser support

vx clip-path

A d3.js library to produce flame graphs.

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>

A reusable charting library written in d3.js

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

Compute the quadtree tiles to display in a rectangular viewport.

visx stats box violin

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

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>

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

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

Malevič.js - minimalistic reactive UI library

A word cloud component using d3-cloud

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

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>

Data Visualization using React

vx stats box violin

A library for rendering SVG funnel charts using D3.js

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

A bounding box collision detection constraint for d3 forceSimulation.

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

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

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

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

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

Shared @data-ui components used across multiple packages

D3 sankey with circular links

vx threshold

Sankey diagram d3 plugin

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

vx voronoi

A JavaScript library for developing applications and interactive visualizations involving [phylogenetic trees](https://en.wikipedia.org/wiki/Phylogenetic_tree), written as an extension of the [D3](http://d3js.org) [hierarchy layout](https://github.com/d3/

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

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>

A treemap interactive chart web component for visualizing hierarchical data

<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>

An AngularJS directive for NVD3.js reusable charting library

A highly configurable tooltip for d3

vx mock data

Domain/range scale breaking for handling highly skewed data in d3

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 D3 service for Angular applications

React + d3 library for creating histograms

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

Graph visualizations integrated with crossfilter and dc.js

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

Components for generating random data series based on stochastic processes

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

Composable plugin-based chart component for React

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

Clustering force for d3.forceSimulation.

Components for calculating technical indicators on data series