JSPM

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

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

Spherical Voronoi Diagram and Delaunay Triangulation

Beautiful, data-driven animations for React.

vx responsive svg

visx delaunay

vx curve

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

Highly customizable org chart, created with d3

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

Server-side D3 with ease

Force-directed graph as a ThreeJS 3d object

<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

vx gradient

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

Simple dependency-free TSV and CSV converter/parser

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>

vx glyph

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

visx sankey

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

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

vx grid

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>

React library for showing speedometer like gauge using d3.

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>

visx stats box violin

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>

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

Compute the quadtree tiles to display in a rectangular viewport.

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

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

Malevič.js - minimalistic reactive UI library

Multi-value map syntax for D3 selections.

Data Visualization using React

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

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>

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

vx stats box violin

A library for rendering SVG funnel charts using D3.js

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

D3 sankey with circular links

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

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

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

Sankey diagram d3 plugin

A bounding box collision detection constraint for d3 forceSimulation.

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

Easy way to apply d3-zoom functionality to DOM elements

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

Shared @data-ui components used across multiple packages

vx threshold

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

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

vx voronoi

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

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

vx mock data

A highly configurable tooltip for d3

<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 data subsampler that chooses representative data points using a largest triangle or mode-median approach.

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

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

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

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

React + d3 library for creating histograms

Components for generating random data series based on stochastic processes

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

Composable plugin-based chart component for React

Clustering force for d3.forceSimulation.

Core library for the DevExtreme Reactive Chart component

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

Loads D3.js into your Ember application

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

A zoom component which operates in domain values

Components for calculating technical indicators on data series

vx drag

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>

vx brush

ES6 module of Parallel Coordinates, based on d3 v5 modules

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)

React charts specific to finance.

Attributes and styles as object for D3-selection

Annotations for react-financial-charts

Utils for react-financial-charts

Core code for react-financial-charts

Tooltips for react-financial-charts

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

Vue component for showing speedomenter like gauge with d3

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

Angular2 component for NVD3.js reusable charting library

Series for react-financial-charts

Indicators for react-financial-charts

Scales for react-financial-charts

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

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.

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

d3 clustering layout

JavaScript toolkit for creating interactive real-time graphs

constrain particles to an area for forceSimulation in d3v4.

Highly customizable stock charts with ReactJS and d3

Declarative timeseries charts

React Liquid Gauge component

Miscellaneous utility components for manipulating SVG

A collection of different generators for complex edges with D3.

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.

Data Visualization SDK for Keen IO

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

SVG Funnel Graph Javascript Library

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

D3 library for React

Visualize the flow of module dependencies

vx tree

Vue component to graph networks using d3-force

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

JavaScript toolkit for creating interactive real-time graphs

Angular.js directives for nvd3

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

d3-v6-tip Module

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

vx zoom

Truly declarative React charts components

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

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/

CAM02 color space.

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

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

React-based Axis component for D3

Include Vega in projects using minimal dependencies.

Svelte component for showing speedometer like gauge using d3

vx marker

For line charts and other lines

vx heatmap

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

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

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.

vue-c3 is a reusable vue component for c3 charts

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

Angular2 module for NVD3 chart

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

Graphery SVG library

A javascript-only tooltip.

vx annotation

D3-Node example - BarChart

Library of React components to render SVG 2D plots.

One stop install for all vx packages

colours for FT charts

React component of Data Visualization SDK for Keen IO

vx geo

D3 plugin which computes a 'beeswarm' arrangement

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

Data-focused charting library based on D3

Chromosome visualization for the web

family tree creator and viewer

Simple React + D3 wordcloud component with powerful features.

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

Data Visualization SDK for Keen IO

Creates a SVG element using D3v4.

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

D3 line chart

C3-based reusable chart directive

This is a d3 tooltip component.

A reusable charting library written in d3.js

For drawing vertical lines (usually used as markers)

React component for Dagre-D3 rendering library

For creating labels based on data in Graphique

For visualizing data as horizontal bars

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

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

Regular hexagon tessellation with edge cover detection.

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

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

Tip for graphs using D3v4.

Angular2+ module for NVD3 charts

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

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

React component for the billboard.js charting library

A circle packing interactive chart web component for visualizing hierarchical data

ReactJS charts using d3

React component for D3 DataMaps

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

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

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

Serialize Canvas path commands to HPGL.

A sunburst interactive chart React component for visualizing hierarchical data