JSPM

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

vx event

Force-directed graph as a ThreeJS 3d object

vx gradient

Simple dependency-free TSV and CSV converter/parser

vx text

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>

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>

visx sankey

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

A reusable charting library written in d3.js

vx grid

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>

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

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.

<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

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

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

vx clip-path

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

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>

Compute the quadtree tiles to display in a rectangular viewport.

visx stats box violin

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

A reusable charting library written in 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>

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 collection of utilities to enable drawing to WebGL canvases

Data Visualization using React

A word cloud component using d3-cloud

Malevič.js - minimalistic reactive UI library

<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 legend component for d3. Given a d3.scale it can create either a color legend, size legend, or symbol legend.

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

Shared @data-ui components used across multiple packages

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

A library for rendering SVG funnel charts using D3.js

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 package for radial-axis visualizations https://williaster.github.io/data-ui

vx threshold

Sankey diagram d3 plugin

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

vx voronoi

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

A drop-in replacement for d3 axis, with support for 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>

<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

D3 sankey with circular links

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>

An AngularJS directive for NVD3.js reusable charting library

vx mock data

A D3 service for Angular applications

A highly configurable tooltip for d3

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

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>

Components for generating random data series based on stochastic processes

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

React + d3 library for creating histograms

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.

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

Sunburst interactive chart web component for visualizing hierarchical data

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

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/

Components for calculating technical indicators on data series

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

Core library for the DevExtreme Reactive Chart component

vx brush

ES6 module of Parallel Coordinates, based on d3 v5 modules

<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-based renderer for Dagre

vx drag

React + d3 library for creating sparklines

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

React charts specific to finance.

directed graph react component

Carbon Charts component library for Angular

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

Series for react-financial-charts

Scales for react-financial-charts

Indicators for react-financial-charts

Annotations for react-financial-charts

Utils for react-financial-charts

Vue 3 component to graph networks using d3-force

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

Coordinates for react-financial-charts

Core code for react-financial-charts

Interactive features for react-financial-charts

Tooltips for react-financial-charts

Axes for react-financial-charts

D3.js based Modular Charting Library by Eventbrite

Angular2 component for NVD3.js reusable charting library

D3.js plugin for 3d visualization

tree view based on d3

A force to straighten curved paths through a network

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

Versor

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

d3 clustering layout

SVG patterns for Data Visualization

constrain particles to an area for forceSimulation in d3v4.

Graph visualizations integrated with crossfilter and dc.js

Renders an SVG slider

A d3 force for making nodes stay inside a boundary

visx group

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

JavaScript toolkit for creating interactive real-time graphs

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

Miscellaneous utility components for manipulating SVG

Highly customizable stock charts with ReactJS and d3

React Liquid Gauge component

A collection of different generators for complex edges with D3.

Declarative timeseries charts

A library for creating geographical maps based on D3.js

Horizon chart for D3

SVG Funnel Graph Javascript Library

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

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

Visualize the flow of module dependencies

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

parliament / congress / legislature charts simplified

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

JavaScript toolkit for creating interactive real-time graphs

Data Visualization SDK for Keen IO

vx tree

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

D3 library for React

d3-v6-tip Module

Angular.js directives for nvd3

D3 components for React

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

Truly declarative React charts components

vx zoom

Carbon Charts component library for Vue

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

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

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

CAM02 color space.

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

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

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.

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.

vue-c3 is a reusable vue component for c3 charts

Svelte component for showing speedometer like gauge using d3

For line charts and other lines

vx marker

React-based Axis component for D3

A javascript-only tooltip.

Library of React components to render SVG 2D plots.

React component of Data Visualization SDK for Keen IO

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

Graphery SVG library

A D3 service for use with Angular.

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

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

vx heatmap

colours for FT charts

D3 plugin which computes a 'beeswarm' arrangement

Data-focused charting library based on D3

D3-Node example - BarChart

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

vx annotation

vx geo

Chromosome visualization for the web

family tree creator and viewer

Simple React + D3 wordcloud component with powerful features.

One stop install for all vx packages

Creates a SVG element using D3v4.

This is a d3 tooltip component.

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

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

Data Visualization SDK for Keen IO

ReactJS charts using d3

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

C3-based reusable chart directive

React component for Dagre-D3 rendering library

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

A reusable charting library written in d3.js

Regular hexagon tessellation with edge cover detection.

D3 line chart

For drawing vertical lines (usually used as markers)

For visualizing data as horizontal bars

Tip for graphs using D3v4.

Angular2+ module for NVD3 charts

For creating labels based on data in Graphique

Animated transitions for D3 selections.

A d3 v4 version of timeline. Can display single bar timelines, timelines with icons, and timelines that pan.

A circle packing interactive chart web component for visualizing hierarchical data

Multi-value map syntax for D3 selections.

A bar chart component made with React.js and D3.js

A positioning hard limit force type for the d3-force simulation engine.

Serialize Canvas path commands to HPGL.

Automatically bundle D3 v4 modules under a single `d3` import with D3 Webpack Loader.

See this [Observable notebook](https://beta.observablehq.com/@danburzo/color-difference-formulas-with-d3-color-difference) for a demonstration.

A React+D3 animated bubble chart

A partition / icicle interactive chart web component for visualizing hierarchical data

Angular2 module for NVD3 chart

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

React component to create interactive D3 tree hierarchies

Optimize bundle size for D3@5 with ESModule

D3-Node example - LineChart

Statistik Stadt Zürich Visualization Library

Data visualization made easy. A javascript library that extends the popular D3.js to enable fast and beautiful visualizations.

A sunburst interactive chart React component for visualizing hierarchical data

Internationalization toolkit for D3v4.

Ember addon library for C3, a D3-based reusable chart library.

React component for the billboard.js charting library

Displays automatic scale bars for projected geospatial data.

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

A d3 plugin that renders a line with potential gaps in the data by styling the gaps differently from the defined areas. Single points are rendered as circles. Transitions are supported.

React component for D3 DataMaps

D3 charts for react app.

Generates a cloud out of the words.

React-based Radar chart for D3

A d3 based timeline visualization.

A comprehensive D3-based chart library with 30 customizable chart types including advanced analytics, interactive visualizations, and statistical charts

Attach arrowheads to SVG elements.

D3.js and ELK based schematic visualizer

A tool for generating dynamic stylized transit maps that are easy to understand.

Clipping and geometric operations for spherical polygons.