JSPM

Chart Component for Victory

Tooltip Component for Victory

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

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

Voronoi Component for Victory

Histogram Component for Victory

Interactive Cursor Component for Victory

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

The Vega visualization grammar.

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

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

Margin conventions for d3-selection.

Three-dimensional recursive spatial subdivision.

visx legend

visx glyph

HTML5 Canvas Components for Victory

visx voronoi

visx annotation

visx pattern

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

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

Vue component for showing speedomenter like gauge with d3

visx mock data

Calculate statistical regressions for two-dimensional data

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/

visx heatmap

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

visx threshold

visx tree

D3 plugin which computes a Weighted Voronoi tesselation

D3 plugin which computes a treemap based on Voronoi tesselation

visx zoom

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

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

Tooltips for d3 svg visualizations

D3-based reusable chart library

visx marker

visx brush

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>

One stop install for all visx packages

visx wordcloud

vx scale

Create contours from non-gridded data with meandering triangles.

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

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>

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

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+

<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

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

vx grid

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

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

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>

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

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

Vue component to graph networks using d3-force

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.

vx clip-path

A reusable charting library written in d3.js

<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.js library to produce flame graphs.

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

Simple React + D3 wordcloud component with powerful features.

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

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

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

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

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

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>

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 drop-in replacement for d3 axis, with support for the d3fc decorate pattern

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)

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

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

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

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 sankey with circular links

Shared @data-ui components used across multiple packages

Sankey diagram d3 plugin

vx threshold

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

<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

vx voronoi

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

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

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

Composable plugin-based chart component for React

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

Graph visualizations integrated with crossfilter and dc.js

Components for generating random data series based on stochastic processes

React + d3 library for creating histograms

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.

Components for calculating technical indicators on data series

Core library for the DevExtreme Reactive Chart component

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

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

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

React + d3 library for creating sparklines

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

Vue 3 component to graph networks using d3-force

React charts specific to finance.

Core code for react-financial-charts

Tooltips for react-financial-charts

Pan and zoom SVG, HTML or Canvas using mouse or touch input with different scale factors for x and y.

Angular2 component for NVD3.js reusable charting library

Series for react-financial-charts

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

Indicators for react-financial-charts

Scales for react-financial-charts

Annotations for react-financial-charts

Utils for react-financial-charts

D3.js based Modular Charting Library by Eventbrite

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

Versor

D3.js plugin for 3d visualization

Coordinates for react-financial-charts

Interactive features for react-financial-charts

Axes for react-financial-charts

A d3 force for making nodes stay inside a boundary

Renders an SVG slider

tree view based on d3

SVG patterns for Data Visualization

visx group

A force to straighten curved paths through a network

The HSV (Hue, Saturation, Value) color space.

JavaScript toolkit for creating interactive real-time graphs

d3 clustering layout

constrain particles to an area for forceSimulation in d3v4.

Converts SVG elements to PNG and other image formats while keeping CSS styles

Declarative timeseries charts

Highly customizable stock charts with ReactJS and d3

Miscellaneous utility components for manipulating SVG

React Liquid Gauge component

A collection of different generators for complex edges with D3.

Horizon chart for D3

Converts SVG elements into images (PNG, JPG and etc)

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

SVG Funnel Graph Javascript Library

D3 library for React

A parallel (swimlanes) timelines D3 chart for representing state of time-series over time.

Visualize the flow of module dependencies

Data Visualization SDK for Keen IO

addon to d3.js that wraps SVG transforms into an API

parliament / congress / legislature charts simplified

vx tree

A curve function that can be passed to the d3.js line.curve and area.curve functions

Angular.js directives for nvd3

JavaScript toolkit for creating interactive real-time graphs

A comprehensive Svelte 5 component library with 187+ components focused on accessibility, ADHD-optimized design, and full SSR compatibility. Features specialized bundles for agent/AI interfaces, knowledge management, therapeutic tools, and advanced data v

D3 components for React

A library for creating geographical maps based on D3.js

vx zoom

d3-v6-tip Module

React-based Axis component for D3 (fork with text shadow)

Truly declarative React charts components

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

CAM02 color space.

D3 plugin for exporting SVGs. Based on svg-crowbar by Shan Carter

Data Visualization SDK for Keen IO

Carbon Charts component library for Vue

React-based Axis component for D3

A fork of d3-color 1.x with the 3.1.0 fix applied https://github.com/d3/d3-color/issues/109#issuecomment-1271705509

Include Vega in projects using minimal dependencies.