Charts in figures

A short demo of an article featuring charts made with recharts

This is an example article showing how to include interactive charts using the recharts library.

Fig. 1. Simple Line Chart

Each figure can be self-contained because each element can have its own call to ReactDOM.hydrate. In other words, this doesn’t need to be a “single page application” where there is one root element and every child is rendered by React. I prefer thinking of these as “single div applications.”

Fig. 2. Simple Pie Chart

Eventually we will want to migrate this example to something that makes charts that are usable prior to calling hydrate.