🌍 Public
Viewing a saved revision (read-only)
bd7a4652f31e4398b0776993892a9bcb
Working with time
This interactive scatter plot visualizes temperature readings over time, with each point representing a data sample and a smooth curve connecting the series. Users can brush horizontally across the chart to highlight specific time ranges, which turns the corresponding circles red. Built with React and D3 v7, the visualization uses `d3.scaleTime`, `d3.scaleLinear`, `d3.line` with `curveNatural`, and `d3.brushX` for the selection interaction. Data comes from a CSV file of weekly San Francisco temperatures, rendered as SVG elements with custom axes.
AI-generated descriptionStylized scatter plot using React and D3