Author

Aris Tchoukoualeu

Aris Tchoukoualeu

Web developer

← All posts

Aris Tchoukoualeu is a web developer. He has a background in electrical engineering and spends a lot of his time in JavaScript — including the messy part where a dashboard needs a chart that actually works.

The posts here are the notes he wishes existed when he was picking a charting library and didn't want to re-read the whole API just to draw a line.

GitHub Tutorial45

Posts

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.

Cytoscape Examples Networks
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.

Charts Examples JavaScript
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.

D3 Maps Examples
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.

D3 Examples Networks
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.

D3 Sankey Examples
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.

JavaScript Canvas SVG
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.

Recharts React Examples
Read post