Skip to main content
๐ŸŒ Public

Share visualization

Send this visualization to others.

hw7

Public visualization

hw7

0 stars1๐ŸŒ Public
Kkenny-wq
Last edited Oct 27, 2023
Created on Oct 15, 2023
Forked from HTML Starter

This example shows a horizon chart displaying SO2 measurements over time for multiple monitoring addresses, with each horizontal band representing a different location and the color intensity indicating the measurement magnitude. The visualization uses D3 v6 to build the chart, leveraging d3.area, d3.scalePoint, and custom clipping paths to create the layered horizon effect. Data is loaded from a CSV file and preprocessed in JavaScript before being passed to the chart function. The SVG rendering approach employs reusable clip paths and color bands to show data beyond the base scale.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed