Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

line chart

Public visualization

line chart

0 stars1🌍 Public
Vvijaytayal
Last edited Sep 15, 2021
Created on Sep 9, 2021
Forked from scatter chart

This line chart visualizes weekly temperature variations in San Francisco, with time on the x-axis and temperature on the y-axis. The React app loads CSV data using D3’s `csv` utility and renders an SVG with `scaleTime` and `scaleLinear` scales. Latitude and longitude axes use custom `AxisBottom` and `AxisLeft` components, while the `Marks` component draws a smooth curve via `d3.line().curve(curveNatural)` and overlays circles with native SVG tooltips. The visualization uses teal styling for marks and a clean background, following a modular React component architecture.

AI-generated description

A program that loads in some data about CSS named colors using D3 utilities, and uses React to render the data.

Comments

Sign in to join the discussion.

MIT Licensed