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)

42834f1125e14f2b8af6a8c02e75918b

Fork of Stylized Line Chart

0 stars0🌍 Public
SSrividya Panchagnula
Last edited May 9, 2023
Created on May 9, 2023

This interactive line chart visualizes time-series data from the Data Canvas Sense Your City dataset, plotting time against measured values across a week. The visualization is built with React and D3 v5, using SVG for rendering. It employs D3's scaleTime function for the x-axis to handle temporal data, while the line path is drawn using the `line` and `curveNatural` functions from D3 to create a smooth, stylized curve. Though circle marks are defined in the code, they are commented out, leaving only the line and axes visible. The chart features a clean design with a Poppins font and muted color scheme for a professional appearance.

AI-generated description