JSPM

Loads D3.js into your Ember application

Calculate statistical regressions for two-dimensional data

Vue component for showing speedomenter like gauge with d3

D3 plugin which computes a Weighted Voronoi tesselation

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

visx tree

D3 plugin which computes a treemap based on Voronoi tesselation

Flexible tree layout algorithm that allows for variable node sizes.

vx group

vx shape

2D force-directed graph rendered on HTML5 canvas

visx threshold

Idempotent append operations for D3 selection.

Tooltips for d3 svg visualizations

visx heatmap

visx zoom

Vendored dependencies to fix ERR_REQUIRE_ESM.

visx brush

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

D3-based reusable chart library

Spherical Voronoi Diagram and Delaunay Triangulation

visx marker

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

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>

Beautiful, data-driven animations for React.

vx responsive svg

visx wordcloud

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

One stop install for all visx packages

A d3 plugin for lasso selecting elements

vx scale

visx delaunay

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 curve

vx event

Force-directed graph as a ThreeJS 3d object

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

Highly customizable org chart, created with d3

vx gradient

vx text

vx axis

vx pattern

visx sankey

Simple dependency-free TSV and CSV converter/parser

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

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>

Server-side D3 with ease

A reusable charting library written in d3.js

Utilities for managing color schemes and color scales.

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

vx glyph

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

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

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

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

vx grid

<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 3D Force-Directed Graph component for A-Frame.

Layout algorithms for visualizing directed acylic graphs.

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

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>

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

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 reusable charting library written in d3.js

visx stats box violin

Compute the quadtree tiles to display in a rectangular viewport.

A d3.js library to produce flame graphs.

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

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

Malevič.js - minimalistic reactive UI library

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

<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 word cloud component using d3-cloud

Simple React + D3 wordcloud component with powerful features.

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

Data Visualization using React

A library for rendering SVG funnel charts using D3.js

A collection of utilities to enable drawing to WebGL canvases

vx stats box violin

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

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

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

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

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

Sankey diagram d3 plugin

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

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

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

D3 sankey with circular links

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

vx threshold

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

A bounding box collision detection constraint for d3 forceSimulation.

Shared @data-ui components used across multiple packages

vx voronoi

An AngularJS directive for NVD3.js reusable charting library

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 highly configurable tooltip for d3

Visualize your app state with a range of reusable charts

A D3 service for Angular applications

vx mock data

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

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 D3 scale that supports domains that are not continuous, allowing 'breaks' in the scale, for example skipping weekends for a date scale.

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

Components for calculating technical indicators on data series

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

Composable plugin-based chart component for React

Clustering force for d3.forceSimulation.

Components for generating random data series based on stochastic processes

Sunburst interactive chart web component for visualizing hierarchical data

Core library for the DevExtreme Reactive Chart component

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/

directed graph react component

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

vx drag

React + d3 library for creating sparklines

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

A D3-based renderer for Dagre

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

Carbon Charts component library for Angular

vx brush

ES6 module of Parallel Coordinates, based on d3 v5 modules

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)

Series for react-financial-charts

Indicators for react-financial-charts

Scales for react-financial-charts

React charts specific to finance.

Vue 3 component to graph networks using d3-force

Annotations for react-financial-charts

Utils for react-financial-charts

Versor

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

Axes for react-financial-charts

Core code for react-financial-charts

D3.js based Modular Charting Library by Eventbrite

Tooltips for react-financial-charts

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

tree view based on d3

Angular2 component for NVD3.js reusable charting library

SVG patterns for Data Visualization

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

Graph visualizations integrated with crossfilter and dc.js

Coordinates for react-financial-charts

Interactive features for react-financial-charts

visx group

D3.js plugin for 3d visualization

Renders an SVG slider

A d3 force for making nodes stay inside a boundary

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

A force to straighten curved paths through a network

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

d3 clustering layout

constrain particles to an area for forceSimulation in d3v4.

JavaScript toolkit for creating interactive real-time graphs

Highly customizable stock charts with ReactJS and d3

A library for creating geographical maps based on D3.js

React Liquid Gauge component

Horizon chart for D3

A collection of different generators for complex edges with D3.

Declarative timeseries charts

Miscellaneous utility components for manipulating SVG

JavaScript toolkit for creating interactive real-time graphs

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

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.

vx tree

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

Data Visualization SDK for Keen IO

SVG Funnel Graph Javascript Library

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

parliament / congress / legislature charts simplified

Visualize the flow of module dependencies

D3 library for React

Angular.js directives for nvd3

Truly declarative React charts components

CAM02 color space.

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

d3-v6-tip Module

D3 components for React

This library is the Vue and Typescript charts component library. ## Install ``` npm i @prefecthq/vue-charts --save --save-exact ```

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

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

vx zoom

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

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

Carbon Charts component library for Vue

Include Vega in projects using minimal dependencies.

React-based Axis component for D3

Svelte component for showing speedometer like gauge using d3

vx marker

vue-c3 is a reusable vue component for c3 charts

A kit of tools to speed D3 related project development.

A highly configurable, re-usable library built on d3.js for creating clear, attractive pie charts.

For line charts and other lines

Britecharts-react is a React wrapper for the Britecharts charting library

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

A javascript-only tooltip.

A data visualization system for React based on the Grammar of Graphics.

Library of React components to render SVG 2D plots.

vx heatmap

A bower and npm compatible fork of D3's Sankey plugin

Graphery SVG library

D3-Node example - BarChart

React component of Data Visualization SDK for Keen IO

vx geo

vx annotation

A D3 service for use with Angular.

colours for FT charts

Chromosome visualization for the web

D3 plugin which computes a 'beeswarm' arrangement

Data Visualization SDK for Keen IO

HSLuv, the human-friendly HSl (Hue, Saturation, Lightness) color space.

One stop install for all vx packages

family tree creator and viewer

Data-focused charting library based on D3

Simple React + D3 wordcloud component with powerful features.

This is a d3 tooltip component.

An ember-cli addon to provide a framework to integrate d3 visualizations into Ember applications.

Creates a SVG element using D3v4.

C3-based reusable chart directive

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

A lightweight, interactable and customizable React word cloud library powered by d3-cloud, featuring built-in animations, tooltips, and flexible word rendering.

React component for Dagre-D3 rendering library

D3 line chart

Fast force-directed graph layout by reusing Barnes Hut approximations.

A reusable charting library written in d3.js

For drawing vertical lines (usually used as markers)

For visualizing data as horizontal bars