🌍 Public
Viewing a saved revision (read-only)
b23576c00b7a4b3490cc979d8e931580
Stylized Line Chart
This example shows a stylized line chart tracking temperature readings across a week, using a smooth curve to connect time-series data points. The visualization renders as an SVG in React, with axes labeled “Time” and “Module” and a teal-colored path emphasizing the trend. It uses d3.scaleTime and d3.scaleLinear to map data, d3.line with curveNatural for the smoothed path, and d3.csv to load the Data Canvas Sense Your City dataset. Axis ticks and labels are built as reusable React components, with Poppins font styling applied via CSS.
AI-generated descriptionA scatter plot of Data Canvas Sense Your City Dataset.