Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Shapes and Colors with SVG and CSS

Public visualization

Fork of Shapes and Colors with SVG and CSS

0 stars1🌍 Public
Eeyxxr1260@gmail.com
Last edited Oct 25, 2024
Created on Oct 25, 2024

This example demonstrates a Horizon Chart for visualizing air pollution measurements across multiple locations over time. The interactive interface allows users to select a specific year/month, pollution class (PM2.5, PM10, NO2, etc.), color scheme from six D3 sequential scales, and adjust the number of bands via a slider. The chart is rendered using SVG, with data loaded from a CSV file via `d3.csv` and processed using `d3.timeParse` and `d3.curveLinear`. The visualization applies the `d3.schemeBlues` through `d3.schemeGreys` color arrays to encode amplitude through color intensity.

AI-generated description

An example including some commonly used features of SVG.

Comments

Sign in to join the discussion.

MIT Licensed