Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Stylized Line Chart

Public visualization

Viewing a saved revision (read-only)

f6e903b67e6040f08499a68784981374

Stylized Line Chart

0 stars0🌍 Public
Rrshormazabal
Last edited Apr 14, 2020
Created on Apr 14, 2020

This line chart visualizes temperature readings from San Francisco’s week in the Data Canvas Sense Your City dataset, with time on the x-axis and temperature on the y-axis. The data loads asynchronously via d3.csv, while React (with hooks) manages rendering of SVG elements. d3.scaleTime, d3.scaleLinear, and d3.extent set the scales, and d3.line with curveNatural draws a smooth, stylized teal path. Axis ticks and labels are generated by custom React components, with d3.timeFormat for abbreviated day labels and Poppins font styling.

AI-generated description