Fork of Working with Time
This example visualizes the relationship between time and temperature using a scatter plot, with each circle representing a data point from the Data Canvas Sense Your City dataset. The x-axis displays time formatted by day of the week, while the y-axis shows temperature values, with a tooltip revealing the exact timestamp when hovering over a mark.
The visualization is built with React and D3 v5, using `scaleTime` and `scaleLinear` for the axes. Data is loaded via `d3.csv` from a GitHub-hosted CSV file, and the SVG rendering includes custom axis components and circle marks with a `title` element for tooltips. The chart is styled with the Poppins font and a teal color scheme.