Interactive charts

Every chart below is the static output of chartlet, rendered with hooks: true. The optional module @casoon/chartlet/interactive adds a crosshair, series toggles, scroll stations and playback. It reads the values from the data table and the geometry from data-* hooks, and lays nothing out again. Without JavaScript each chart stays as it is, with its caption, description and table.

import { enhance, crosshair, toggle, steps, play } from '@casoon/chartlet/interactive';

for (const figure of document.querySelectorAll('figure.chartlet-figure')) {
  enhance(figure, { crosshair, toggle, steps, play });
}