JavaScript Chart Examples: A Visual Gallery of Every Chart Type
Thirty-six JavaScript chart examples in one place: bars, lines, pies, heatmaps, trees, gauges. Scan the type, then pick a library.
Read postPosts
Heatmap Chart in JavaScript: How to Build One (With Code Examples)
A heatmap is a table that paints. Here's how I build a heatmap chart in JavaScript: SVG cells, a color scale, a calendar grid, and the libraries I'd reach for next.
Read post
Organization Chart JavaScript
An organization chart in JavaScript is a tree of boxes, not a force graph. Here's d3.tree with elbows, a horizontal variant, and click to collapse.
Read post
Cytoscape JS Examples
Cytoscape JS examples are node-link graphs, not bar charts. Here are four I actually paste: force, hierarchy, circle, and tap to highlight.
Read post
Bar Charts Explained
A bar is a number you can compare at a glance. Here's when to use one, the four layouts I actually ship, and the mistakes that make a bar chart lie.
Read post
D3 Map Visualization Example
A choropleth is a bar chart wearing country shapes. Here's a live D3 world map with geoPath, Equal Earth, and a hover tooltip.
Read post
D3 Graph Examples
Force layouts and bar charts both show up under D3 graph examples. They are not the same thing. Here are both, live.
Read post
D3 Sankey Chart
When a stacked bar would lie about the flow, I draw a sankey. Here's one in D3 with the plugin the core build leaves out.
Read post
How to Make a D3 Chart in Astrology
An astrology wheel is a polar chart. D3 already has pie and arc. Here's the drawing half, with fake planet positions on purpose.
Read post
JavaScript Chart Without a Library
Four bars do not need Chart.js. Here's a canvas chart and an SVG chart in plain JavaScript, and the point where I install a library anyway.
Read post
React JS Graph Library: What I'd Use
Search for a React JS graph library and you'll get chart tools mixed with network diagrams. Here's how I actually choose.
Read post
Recharts Chart Examples in React
Recharts examples I actually reuse: line, bar, pie, radar, treemap, sunburst, and the tooltip/legend bits that go with them.
Read post