Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Logan Weather data with Interactive Color Legend

Public visualization

Logan Weather data with Interactive Color Legend

1 star1🌍 Public
Rrohame
Last edited Oct 21, 2019
Created on Oct 9, 2019

A scatter plot of weather and flight-delay data for Logan Airport from 2016-2018 visualizes the relationship between date, maximum temperature (TMAX), and average flight departure delay (DEP_DELAY). Interactive color legend circles for each year filter and highlight corresponding points when hovered, while unselected points fade to 20% opacity. The visualization uses React with D3 scales (`d3.scaleTime`, `d3.scaleLinear`, `d3.scaleOrdinal`) for axes, color encoding, and point sizing, rendering SVG circles with `circle` elements and tooltips via SVG `<title>` elements. Data is loaded as CSV from a GitHub gist.

AI-generated description

A scatter plot of Logan Airport Weather 2016-2018.

The size of point indicate the average delay of flights on this date.

Issues:

  • It looks kind of messy because of too many points.
  • When the legend is hovered, the points are highlighted, but meanwhile I cannot hover the points to check to tooltips.
  • Points of 2018 are always most clear because they are on the top.

Comments

Sign in to join the discussion.

MIT Licensed