Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Stylized Line Chart

Public visualization

Fork of Stylized Line Chart

0 stars0🌍 Public
Ssumukh-bharadwaj
Last edited Dec 7, 2021
Created on Dec 7, 2021

This example visualizes temperature readings over time from the Data Canvas Sense Your City dataset, showing a smooth, stylized line chart rendered as SVG in a React application. The code uses d3.scaleTime and d3.scaleLinear for axes, d3.line with curveNatural for the curved path, and d3.csv to load the weather data. A time format function labels the x-axis with weekday abbreviations, while the y-axis displays temperature values, with React components managing the marks and axis rendering.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed