Skip to main content
๐ŸŒ Public

Share visualization

Send this visualization to others.

Fork of Fork of Shapes and Colors with SVG and CSS

Public visualization

Fork of 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 shows an interactive horizon chart for air pollution data, letting users compare pollutant levels across six types (SO2, NO2, O3, CO, PM10, and PM2.5) for selected years. The visualization uses D3.js (v7) with an SVG rendering approach, displaying time-series data from a GitHub-hosted CSV dataset. It employs d3.rollup to aggregate measurements and d3.scaleTime for the x-axis, while a dropdown menu switches between annual datasets. The chart updates dynamically by redrawing the SVG elements when the user changes the year selection.

AI-generated description

An example including some commonly used features of SVG.

Comments

Sign in to join the discussion.

MIT Licensed