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 stars1🌍 Public
IIrene-zou
Last edited Mar 22, 2021
Created on Mar 22, 2021

This example shows a smooth, stylized line chart of weekly temperature measurements from the Data Canvas Sense Your City dataset in San Francisco, with time on the x-axis and temperature on the y-axis. Built with React and SVG, it uses d3.scaleTime and d3.scaleLinear for scaling, d3.line with curveNatural for the curved path, and custom React components for the axes. The chart omits individual data-point circles, instead rendering a single thick teal path with labeled axes and tick marks, styled via the Poppins font and CSS classes.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed