Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Line Chart with React & D3

Public visualization

Viewing a saved revision (read-only)

86c7ad78d92a4dedba16b84aa1137b17

Line Chart with React & D3

0 stars1🌍 Public
MManon ROMAIN
Last edited Oct 18, 2021
Created on Oct 14, 2021

This line chart displays the evolution of drinking water quality conclusions over time, using numerical values to represent different compliance levels. Built with React and D3 v7, the visualization renders as an SVG with time-scaled x-axis ticks and linear y-axis scaling. The code loads CSV data from a GitHub gist via `d3.csv`, sorts dates with `d3.ascending`, and uses `d3.line()` and `d3.timeFormat` to generate the path and formatted tick labels.

AI-generated description

Loading Data with React & D3