JavaScript chart and visualization libraries

Explore Chart.js, D3.js, Highcharts, Three.js, and other chart, canvas, and WebGL packages. Compare version-pinned specifications and requirements.

18 indexed packages. Inspect package specifications and compare alternatives according to their actual role in your application.

Packages in this category

AnyChart: AnyChart is a lightweight and robust JavaScript charting solution with great API and documentation. The chart types and unique features are numerous, and the library works easily with any development stack.
Apache ECharts: Apache ECharts is a powerful, interactive charting and data visualization library for browser
Chart.js: Simple HTML5 charts using the canvas element.
Cytoscape: Graph theory (a.k.a. network) library for analysis and visualisation
D3.js: Data-Driven Documents
FusionCharts: FusionCharts JavaScript charting framework
JointJS: JavaScript diagramming library
p5.js: [![npm version](https://badge.fury.io/js/p5.svg)](https://www.npmjs.com/package/p5)
Babylon.js: Getting started? Play directly with the Babylon.js API using our [playground](https://playground.babylonjs.com/). It also contains a lot of samples to learn how to use it.
Plotly.js: The open source javascript graphing library that powers plotly
Raphaël: JavaScript Vector Library
Three.js: JavaScript 3D library
React Three Fiber: A React renderer for Threejs
react-chartjs-2: React components for Chart.js
Chartist: Simple, responsive charts
Fabric.js: Object model for HTML5 canvas, and SVG-to-canvas parser. Backed by jsdom and node-canvas.
Konva: HTML5 2d canvas library for interactive graphics, design editors, whiteboards, and diagrams.
Highcharts: JavaScript charting framework

Distinguish ready-made charts, low-level visualization primitives, graph tools, and 3D rendering packages.
Check documented SVG, canvas, or WebGL behavior and any required assets or browser APIs.
Review framework wrappers, interaction, accessibility, and export requirements in the maintainer’s documentation.
Use equivalent import scenarios; a full visualization bundle and a selected renderer are different measurements.