Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Stylized Line Chart

Public visualization

Viewing a saved revision (read-only)

bc730a56441d4df49e00df7da1eff88b

Fork of Stylized Line Chart

0 stars0🌍 Public
RRupendra Pamisetty
Last edited Aug 20, 2024
Created on Aug 20, 2024

This example visualizes weekly temperature data from San Francisco using a curved line chart built with React and D3 v5. The chart maps timestamps to the x-axis and temperature values to the y-axis, with the line rendered as an SVG path using d3.line() with curveNatural. Axis ticks are generated through custom React components—AxisBottom and AxisLeft—which scale the data using d3.scaleTime and d3.scaleLinear. Data loads asynchronously via d3.csv from the Data Canvas Sense Your City dataset, with styling applied through a Poppins font and teal color accents.

AI-generated description