Skip to main content
SimilarExport ZIP
100%

Texas NOAA Summary of the Month 1946-2020 with Menus & Legend

✓ Published2🌍 Public
AAndre J Denais
Last edited Mar 4, 2021
Created on Feb 18, 2021

This interactive scatterplot displays Texas NOAA monthly climate summaries from 1946–2020, letting users switch which weather attribute is mapped to the y-axis via a dropdown menu. A color legend for weather stations highlights and fades data points on hover. Built with React and D3 v6, it uses `scaleTime`, `scaleLinear`, `scaleOrdinal`, and SVG circles for rendering, pulling CSV data from a GitHub gist.

AI-generated description

This data was requested and collected from the NOAA.
Created using D3 and js, this time with a menu for the y axis.

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Texas NOAA Summary of the Month 1946-2020 with Menus & Legend

This interactive scatterplot displays monthly NOAA climate summaries for Texas from 1946 to 2020, with each point representing a weather station reading. A dropdown menu lets users switch between six meteorological attributes, including average temperature, wind speed, and precipitation metrics. The visualization uses React with D3 v6 scale functions to map temporal and quantitative data, while the ordinal color scale distinguishes three stations. Hovering over the color legend filters the corresponding data points and adjusts their opacity, providing focused comparison across the selected timeline and attribute.

EEngineerRajeev
95% match
Loading thumbnail…

Fork of SFO & Oceanside NOAA Summary of the Month 1946-2020 with Menus & Legend

This interactive scatterplot visualizes NOAA monthly climate data from 1946 to 2020 for SFO and Oceanside stations. Users can switch between different temperature metrics using a dropdown menu, while the interactive color legend highlights one station at a time. Built with React and D3 v6, the visualization uses `scaleTime`, `scaleLinear`, and `scaleOrdinal` for axes and coloring. Data is loaded via `d3.csv` from a GitHub gist, with SVG circles rendered through reusable React components like Marks and ColorLegend.

KKhatera Alizada
80% match
Loading thumbnail…

Fork of SFO & Oceanside NOAA Summary of the Month 1946-2020 with Menus & Legend

This scatterplot visualizes monthly NOAA climate summaries for two Bay Area stations from 1946 to 2020. A dropdown menu allows users to switch the y-axis among temperature attributes, while an interactive color legend filters the display by station. Built with React and D3 v6, the SVG renderings use `scaleTime` for the x-axis, `scaleLinear` for the y-axis, and `scaleOrdinal` for station colors. Hovering over the legend dims the non-selected station’s points.

AAsherpranayp
80% match
Loading thumbnail…

Fork of SFO & Oceanside NOAA Summary of the Month 1946-2020 with Menus & Legend

This interactive scatterplot visualizes NOAA climate data from two Bay Area stations (SFO and Oceanside) from 1946 to 2020, plotting temperature metrics over time. A dropdown menu lets users switch between four temperature attributes for the y-axis, while a color legend distinguishes the two stations and supports hover highlighting to fade non-selected data. Built with React and D3 v6, the SVG visualization uses d3.scaleTime, d3.scaleLinear, and d3.scaleOrdinal for scales, with custom React components for axes, marks, and legend rendering.

EEngineerRajeev
79% match
Loading thumbnail…

Fork of SFO & Oceanside NOAA Summary of the Month 1946-2020 with Menus & Legend

This interactive scatterplot visualizes monthly NOAA climate data from SFO and Oceanside stations between 1946 and 2020, plotting temperature measurements against time. Users can switch the y-axis attribute through a React dropdown menu, while hovering over the color legend highlights data points from a specific station. The visualization uses React with D3 v6 scales (scaleTime, scaleLinear, scaleOrdinal) to render SVG circles, with interactive brushing effects applied through opacity changes when legend items are hovered.

Eethanjones-git
79% match
Loading thumbnail…

SFO & Oceanside NOAA Summary of the Month 1946-2020 with Menus & Legend

This interactive scatterplot displays monthly NOAA climate summaries for SFO and Oceanside stations from 1946 to 2020, with a dropdown menu to switch between temperature attributes on the y-axis. The visualization uses React with D3 v6 scales and axes, rendering SVG circles colored by station through a ordinal color scale. An interactive legend allows hovering to highlight selected station data by adjusting circle opacity, while tooltips reveal exact temperature values on hover.

AAndre J Denais
79% match
Loading thumbnail…

SFO & Oceanside NOAA Summary of the Month 1946-2020 with Menus

A scatterplot displays monthly NOAA climate summaries for SFO and Oceanside from 1946 to 2020, with a dropdown menu to switch between four temperature-related y-axis attributes. React manages the UI state, while D3 v6 handles the scales, axes, and SVG circle rendering, with each point tooltipped by its value. The data loads from a CSV hosted on GitHub, and the axis labels update dynamically based on the user’s selection.

AAndre J Denais
79% match
Loading thumbnail…

Fork of SFO & Oceanside NOAA Summary of the Month 1946-2020 with Menus & Legend

This interactive scatterplot visualizes NOAA monthly climate summaries from 1946–2020 for two Bay Area stations (SFO and Oceanside). A dropdown menu lets users switch the y-axis between temperature attributes, while hovering over the ordinal color legend highlights one station's data points. Built with React, D3 v6 (scales, extent, timeFormat), and SVG rendering, the visualization uses ReactDropdown for selection, d3.csv for loading data, and mouse events on legend circles to toggle highlight opacity.

Ddasari234
79% match