Working With Time
✓ Published0🌍 Public
This example shows a scatter plot of temperature readings over one week in San Francisco. Time is plotted on the x-axis using d3.scaleTime, while temperature appears on the y-axis with d3.scaleLinear. The SVG rendering displays a blue path connecting data points, with individual circles that reveal the day of the week as a tooltip via a native `<title>` element. Data loading relies on d3.csv and React’s useEffect hook. Axes are built from custom React components using d3’s tick generation and timeFormat for weekday labels.
AI-generated descriptionA scatter plot of the [following data] (https://gist.githubusercontent.com/curran/90240a6d88bdb1411467b21ea0769029/raw/week_temperature_sf.csv).
MIT Licensed