Skip to main content
100%

weather scatter

✓ Published1🌍 Public
Ookahne@gmail.com
Last edited May 6, 2024
Created on May 6, 2024
Forked from rtb scatter

A weather scatter plot visualizes hourly temperature readings (temp_F) for a single day of the year, plotting each hour along the x-axis and temperature along the y-axis. The visualization uses the D3 v5 library, rendering data from CSV files via `Promise.all` and `d3.csv`, with linear scales (`scaleLinear`) for both axes and grid lines generated by `axisBottom` and `axisLeft`. Circles represent individual temperature readings, and hovering over a point enlarges it, changes its fill to red, and displays a tooltip with hour and temperature values via D3 selection and event handlers. The chart includes axis labels, a title, and uses SVG rendering with CSS styling for circle opacity and tooltip appearance.

AI-generated description

ToDo

  • make the .on functions select by id
  • make the tooltip adjust

might be worth starting from scratch using Ben's template so I know that things should work. Also, do imports come from the og fork?

MIT Licensed

Similar vizzes