Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Line Chart

Public visualization

Viewing a saved revision (read-only)

4a163005679446589d64f679300d097a

Line Chart

0 stars1🌍 Public
Llefat92
Last edited Aug 19, 2023
Created on Aug 18, 2023

This line chart visualizes weekly temperature data for San Francisco, mapping timestamps to the x-axis and temperature values to the y-axis. Built with React and D3 v5, it uses d3.scaleTime and d3.scaleLinear for scales, d3.line with curveNatural for the path, and d3.extent to set domains. SVG rendering includes custom axis components with timeFormat for weekday tick labels, while circle marks provide tooltips via the title element. The dataset is loaded from a CSV URL using d3.csv.

AI-generated description

A program that loads in the Temperature data set and and uses React to render the data.