Skip to main content
100%

Horizon chart

✓ Published0🌍 Public
Cchingching17
Last edited Nov 3, 2023
Created on Nov 3, 2023
Forked from D3 Starter

This example visualizes hourly traffic data for the Von der Heydt street over multiple days using a horizon chart. Each horizontal band represents a separate day, with the area chart showing traffic volume over time, and the color intensity encoding the magnitude of values that extend beyond the chart’s baseline. The visualization is built with D3 v5, using `d3.csv` to load the data, `d3.nest()` to group entries by date and name, and `d3.area()` with a curve basis to generate the smooth SVG paths for each series.

AI-generated description

A demonstration of how to start using D3 version 6.

MIT Licensed

Similar vizzes