Skip to main content
100%

METAR map

✓ Published0🌍 Public
Aajzeigert
Last edited Nov 5, 2015
Created on Nov 5, 2015

The map displays real-time wind speed and direction from NOAA METAR stations across the United States, with each station rendered as a rotated text symbol indicating wind direction and colored/sized by wind speed. It uses Mapbox GL JS with a custom dark style, fetching live ESRI ArcGIS feature data via jQuery AJAX, converting the response to GeoJSON with Terraformer, and adding individual symbol layers for each station through mapboxgl.GeoJSONSource and map.batch. Wind speed thresholds control text size and color, while wind direction sets the text rotation angle.

AI-generated description

Similar vizzes

Loading thumbnail…

METAR stations

The map displays live METAR station wind speed and direction data as rotated text symbols over a dark basemap. It queries NOAA wind observations from an Esri ArcGIS REST service, converts the responses from ArcGIS JSON to GeoJSON using Terraformer, and loads them into Mapbox GL JS as a GeoJSON source. Each station’s wind speed determines the symbol’s size and color, while wind direction sets its rotation, with speed thresholds mapped to a yellow-to-red palette.

Aajzeigert
94% match
Loading thumbnail…

GAS PIRATE

A real-time visualization of wind speed data overlaid on a dark map of Los Angeles, showing natural gas pipelines. Wind speed readings from NOAA METAR stations are rendered as text labels whose size and color encode wind intensity, with colors ranging from yellow to deep red. High-pressure and transmission pipelines are drawn as glowing blue lines. A time slider lets users select a moment, and the three closest wind readings to that time are highlighted.

Aajzeigert
67% match
Loading thumbnail…

wind

This visualization displays wind speed, wind gust, and solar radiation data from a Wyoming weather station over time. The main chart uses filled areas with black, red, and orange strokes, while a smaller context chart below enables brushing and zooming. Built with D3 v4, it employs d3.brushX and d3.zoom for interactive navigation. A modal help button explains touch gestures, and the data comes from a JSON file containing 15-minute interval observations.

TTMoore24
66% match
Loading thumbnail…

GAS PIRATE

GAS PIRATE is a mapbox-gl visualization of natural gas pipeline infrastructure in the Los Angeles area, layered with real-time NOAA wind speed and direction data from an ESRI live feed. The map displays high-pressure and transmission pipelines as glowing blue lines over a dark basemap. Wind station readings are rendered as colored text symbols whose size and color encode wind speed, from yellow for light winds to orange for stronger conditions. A time slider at the top lets users adjust the selected time, showing the three nearest wind readings to that moment, while the map automatically repositions to keep relevant stations in view.

Aajzeigert
65% match
Loading thumbnail…

Wind chart

A circular wind rose chart visualizes directional wind speed data as stacked radial bars around a central point, with each bar segment colored by speed category and labeled around the perimeter. Built with D3 v5, the visualization uses `d3.arc()` for the radial segments, `d3.scaleBand()` for angular positioning, and `d3.stack()` to layer the speed components. The data originates from the Data Canvas - Sense Your City project. A legend and circular grid lines with radial axis ticks support interpretation of the magnitude and direction of the wind measurements.

Aask4jm
63% match
Loading thumbnail…

Gist 798b9a5ccb654ceebb5b29ce680c5707

This visualization presents a week of daily weather data for a single location, using a circular timeline to encode conditions such as temperature, humidity, wind, and cloud cover. Each day is a concentric ring, with hourly metrics plotted as colored arcs or bars. The code relies on D3.js for layout and rendering, specifically using `d3.forceSimulation` to position labels and `d3.scaleTime` for temporal axes. Data comes from a local JSON file containing Dark Sky API-style forecast fields, rendered in an SVG canvas.

MMbrownshoes
63% match
Loading thumbnail…

Gist cd3b399ded90abed9e03930563398518

This example displays a Mapbox GL JS map centered on Houston, Texas, at zoom level 10, with a set of airfield-style symbol markers plotted over a custom vector tile source. The visualization uses `map.addSource` to load a hosted vector tileset containing school location data and `map.addLayer` to render those points as icons via the `symbol` layer type. A collapsible overlay panel and a menu for switching map views are included, though the menu’s active state and overlay content are not populated in the provided code. The map style is a custom Mapbox style URL.

JJn1532
63% match
Loading thumbnail…

Nasa Worldwind Fundamentals

This interactive visualization showcases a 3D Earth globe with real-world satellite imagery as its base layer, using NASA WorldWind's JavaScript API to render the planet within an HTML5 Canvas. In addition to the global topographic map, the program integrates a collection of star positions and tectonic plate boundaries, which can be overlaid on the globe. To guide the user, a compass and coordinate display are included, along with on-screen controls for panning, zooming, and tilting the view. The visualization leverages the WorldWind library's layer system to combine the Blue Marble Next Generation (BMNG) imagery and Landsat data with the user-provided GeoJSON datasets for stars and plates, all rendered via the Canvas API.

DDonald Bagwell
63% match