JSPM

Sequential, diverging and categorical color schemes.

Data-Driven Documents

Two-dimensional recursive spatial subdivision.

Compute contour polygons using marching squares.

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

Convenient parsing for Fetch.

Operations for two-dimensional polygons.

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

Force-directed graph layout using velocity Verlet integration.

Generate random numbers from various distributions.

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

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.

Extended geographic projections for d3-geo.

visx shape

visx group

visx text

visx scale

visx curve

visx axis

visx event

visx grid

visx tooltip

Vendored dependencies for MUI X Charts.

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

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

visx responsive svg

visx gradient

Evaluate asynchronous tasks with configurable concurrency.

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

Polar Axis Component for Victory

Bar Component for Victory

Interactive Selection Component for Victory

Pie Component for Victory

Area Component for Victory

Group Layout Component for Victory

Line Component for Victory

Interactive Brush Line Component for Victory

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

Interactive Brush Component for Victory

Shared Event Helper for Victory

D3 sankey with circular links

Box Plot Component for Victory

Chart Component for Victory

Tooltip Component for Victory

Victory Core

Candlestick Component for Victory

Group two-dimensional points into hexagonal bins.

Interactive Voronoi Mouseover Component for Victory

Container Helper for Victory

Visualize flow between nodes in a directed acyclic network.

visx primitives that rely on react-spring for animation

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>

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>

Interactive Cursor Component for Victory

Interactive Zoom Component for Victory

Histogram Component for Victory

Stack Layout Component for Victory

Scatter Component for Victory

Composable cartesian coordinate chart built with visx primitives

Legend Component for Victory

Error Bar Component for Victory

Data viz for React

visx glyph

The Vega visualization grammar.

HTML5 Canvas Components for Victory

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

Three-dimensional recursive spatial subdivision.

visx legend

visx voronoi

visx annotation

visx pattern

Declarative Charting Framework for Angular

A convenient alternative to XMLHttpRequest.

React component to create interactive D3 tree hierarchies

visx clip-path

One-dimensional recursive spatial subdivision.

A shim module of colorbrewer2 by Cythina Brewer for browserify

Calculate statistical regressions for two-dimensional data

visx mock data

visx heatmap

visx tree

visx threshold

CartoColors: custom color palettes from CARTO

D3 plugin which computes a treemap based on Voronoi tesselation

D3 plugin which computes a Weighted Voronoi tesselation

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

visx zoom

Vendored dependencies to fix ERR_REQUIRE_ESM.

vx shape

Flexible tree layout algorithm that allows for variable node sizes.

vx group

Data visualization library based on React and d3.

2D force-directed graph rendered on HTML5 canvas

visx marker

D3-based reusable chart library

Tooltips for d3 svg visualizations

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>

visx brush

visx wordcloud

Create contours from non-gridded data with meandering triangles.

One stop install for all visx packages

vx scale

DOM like data structure to be mutated by D3 et al, then rendered to React 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>

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

Graphviz DOT rendering and animated transitions for D3

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 pattern

Force-directed graph as a ThreeJS 3d object

Server-side D3 with ease

vx event

Simple dependency-free TSV and CSV converter/parser

vx gradient

vx text

<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

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

vx glyph

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

visx sankey

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

vx grid

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

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

Layout algorithms for visualizing directed acylic graphs.

<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

Utilities for managing color schemes and color scales.

<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

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

React library for showing speedometer like gauge using d3.

A d3.js library to produce flame graphs.

vx clip-path

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

Compute the quadtree tiles to display in a rectangular viewport.

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

visx stats box violin

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

Simple React + D3 wordcloud component with powerful features.

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

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

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

A word cloud component using d3-cloud

Data Visualization using React

Malevič.js - minimalistic reactive UI library

Multi-value map syntax for D3 selections.

A collection of utilities to enable drawing to WebGL canvases

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

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

vx stats box violin

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

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

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.

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 bounding box collision detection constraint for d3 forceSimulation.

Easy way to apply d3-zoom functionality to DOM elements

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

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

D3 sankey with circular links

vx threshold

Sankey diagram d3 plugin

Shared @data-ui components used across multiple packages

vx voronoi

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

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

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>

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

A visualization to explore sequences of events

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

React + d3 library for creating histograms

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

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

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

Composable plugin-based chart component for React

Components for generating random data series based on stochastic processes

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

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>

Sunburst interactive chart web component for visualizing hierarchical data

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

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

Core library for the DevExtreme Reactive Chart component

Components for calculating technical indicators on data series

A zoom component which operates in domain values

Loads D3.js into your Ember application

A D3-based renderer for Dagre

High performance, lightweight and interactive candlestick chart using the canvas tag, D3 and React.

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

vx drag

ES6 module of Parallel Coordinates, based on d3 v5 modules

vx brush

directed graph react component

Carbon Charts component library for Angular

React + d3 library for creating sparklines

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

Full documentation: [http://d3-annotation.susielu.com](http://d3-annotation.susielu.com)

React charts specific to finance.

Core code for react-financial-charts

Tooltips for react-financial-charts

A react library for generating a graphical tree from data using d3

Vue component for showing speedomenter like gauge with d3

Angular2 component for NVD3.js reusable charting library

Attributes and styles as object for D3-selection

Series for react-financial-charts

Indicators for react-financial-charts

Annotations for react-financial-charts

Scales for react-financial-charts

Utils for react-financial-charts

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

D3.js based Modular Charting Library by Eventbrite

Coordinates for react-financial-charts

Interactive features for react-financial-charts

Versor

D3.js plugin for 3d visualization

Axes for react-financial-charts

A d3 force for making nodes stay inside a boundary

Renders an SVG slider