web charting / data visualization
Plottable is a TypeScript library of modular chart components built on D3 for creating flexible, custom web charts.
Solves the same problem with a different architecture or at a different layer. Expect to rewrite the integration.
Choose when you need a batteries-included charting library with dozens of chart types and built-in interactions, accepting less compositional control than Plottable's D3 primitives.
Apache ECharts is a powerful, interactive charting and data visualization library for browser
Choose for scientific/statistical charts with built-in zoom, pan, and export, trading Plottable's low-level D3 composition for a high-level declarative API.
Open-source JavaScript charting library behind Plotly and Dash
Choose for a lightweight, modern SVG chart library with simple configuration when you don't need Plottable's component-level customization.
📊 Interactive JavaScript Charts built on SVG
Choose for D3-based charts with a higher-level reusable API, rather than Plottable's lower-level plot/axis components.
📊 Re-usable, easy interface JavaScript chart library based on D3.js, with SVG and Canvas rendering support
Choose when building a React app and want ready-made composable chart components, accepting React-specific lock-in.
📊 Data visualization library for React. Maintained by @goodcodeus.
Choose for React apps that need declarative SVG charts with D3 under the hood, but it's React-only.
Redefined chart library built with React and D3
Choose for React projects needing composable visualization components, though it's React-specific and last pushed 9 months ago.
A collection of composable React components for building interactive data visualizations
Choose for cross-platform charting with narrative features, but it's a higher-level config-driven library.
VChart, more than just a cross-platform charting library, but also an expressive data storyteller.
Choose for React apps that want low-level D3 visualization primitives, accepting React-specific architecture.
🐯 visx | visualization components
Choose for quick exploratory charts using a grammar-of-graphics API, rather than Plottable's component composition.
A concise API for exploratory data visualization implementing a layered grammar of graphics
Choose for a modular, framework-agnostic (React/Angular/Svelte/Vue/vanilla) D3-based visualization library, though it's higher-level than Plottable.
Modular data visualization framework for React, Angular, Svelte, Vue, and vanilla TypeScript or JavaScript
Choose for simple canvas-based charts with a tiny API when you don't need Plottable's SVG component flexibility.
Simple HTML5 Charts using the <canvas> tag
Choose for a grammar-of-graphics approach with strong performance and extensibility, but it's a different API model from Plottable's components.
📊 The concise and progressive visualization grammar.
Choose for D3-based charts with a higher-level reusable API, rather than Plottable's lower-level component composition.
:bar_chart: A D3-based reusable chart library
Choose for pure CSS data visualization when JavaScript is not an option, though it supports fewer chart types than Plottable.
Open source CSS framework for data visualization.
An earlier or more limited way to do the job. Still the right call when you need something small, proven, or CPU-only.
Choose if you're already using amCharts 4's API, but it's a previous major version with commercial licensing terms.
The most advanced amCharts charting library for JavaScript and TypeScript apps.
Choose when you need animated transitions between chart states, but it's a narrower tool than a general chart component library.
Library for animated data visualizations and data stories.
Choose for tiny, dependency-free SVG charts with a simple API when you don't need Plottable's modular components.
Simple, responsive, modern SVG Charts with zero dependencies
Choose for quick, simple responsive charts with a minimal API, sacrificing Plottable's flexibility for ease of use.
Simple responsive charts
These projects were analysed and named plottable among their alternatives. The relationship is not symmetric — how plottable rates them is a separate judgement, made when plottable is analysed in its own right.
calls plottable “Use for D3-based modular chart components with a declarative API; depends on D3 and is more verbose.”
Simple HTML5 Charts using the <canvas> tag
calls plottable “choose when you want a non-React, D3-based modular chart component library for plain web apps”
Redefined chart library built with React and D3
calls plottable “Choose for a D3-based modular chart library when you are not using React; it offers higher-level components than raw D3.”
🐯 visx | visualization components
calls plottable “Choose it if you want modular D3-based chart components for custom compositions.”
📊 Interactive JavaScript Charts built on SVG
calls plottable “when you need modular, composable chart components built on D3 and can accept a heavier dependency.”
Simple, responsive, modern SVG Charts with zero dependencies
calls plottable “Choose when you want modular chart components built on D3 with a compositional API.”
Simple responsive charts
calls plottable “when you want a modular, D3-based chart component library for a different development style.”
📊 The concise and progressive visualization grammar.
calls plottable “Use when you prefer a non-React D3-based charting library with modular components, despite lower activity.”
A collection of composable React components for building interactive data visualizations
calls plottable “Choose when you need fine-grained modular chart components built on top of D3.”
:bar_chart: A D3-based reusable chart library
calls plottable “Choose for modular D3-based chart components in a non-React context.”
Data Visualization Components
calls plottable “Choose when you want modular, composable D3-based chart components for custom layouts.”
xkcd styled chart lib
calls plottable “Choose for modular D3-based charts in vanilla TS/JS; not sketchy and lower-level than roughViz.”
Reusable JavaScript library for creating sketchy/hand-drawn styled charts in the browser.
calls plottable “modular D3-based chart components; choose for non-React TypeScript apps that want composable chart primitives.”
React components for Chart.js, the most popular charting library
calls plottable “For JS/TS projects needing modular D3-based chart components with a high-level API.”
Interactive plotting library for .NET
calls plottable “When you need modular chart components built on D3 and prefer a JS approach.”
Open source CSS framework for data visualization.
calls plottable “Choose when you want D3-native chart components and are willing to write the React integration yourself.”
D3 Components for React
calls plottable “Pick for composable D3 chart components, but it is chart-only and has slower maintenance.”
HTML5 JavaScript Component Suite for Responsive Web Development