GAS PIRATE

100%

✓ Published0🌍 Public

Last edited Nov 5, 2015

Created on Nov 5, 2015

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.

AI-generated description

Similar vizzes

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

94% match

Loading thumbnail…

GAS PIRATE

GAS PIRATE visualizes natural gas pipeline sensor readings in Los Angeles using Mapbox GL JS. The map displays high-pressure and transmission pipeline lines in distinct blue shades. Readings from a GeoJSON source are shown as circles, colored gray or red based on whether percent LEL (Lower Explosive Limit) is below or above 100, with larger red circles for warning levels. A time slider lets users select a time and view the three nearest sensor readings to that moment.

Aajzeigert

90% match

Loading thumbnail…

Pipeline test

This interactive map displays natural gas pipeline infrastructure in the Los Angeles area, distinguishing high-pressure pipelines in red from transmission pipelines in yellow. Built with Leaflet, the visualization overlays two GeoJSON datasets on a Stamen toner-lite base map, with pipelines loaded via asynchronous AJAX requests. The map is centered at coordinates [34.05, -118.25] at zoom level 10, with pipeline colors encoded by line type—red for high-pressure lines and yellow for transmission lines—over a grayscale street map for contrast.

Aajzeigert

73% match

Loading thumbnail…

Pipeline test

This map of Los Angeles shows high-pressure natural gas pipelines as orange lines overlaid on a light street map. Built with D3.js, Leaflet, and TopoJSON, it loads GeoJSON pipeline data and projects it onto an interactive Stamen toner-lite basemap. The SVG overlay redraws and repositions itself on map pan and zoom using a custom geographic projection that converts latitude and longitude coordinates into leaflet layer points.

Aajzeigert

71% match

Loading thumbnail…

METAR map

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.

Aajzeigert

65% match

Loading thumbnail…

Pipeline test

This example displays pipeline routes over a geographic area, distinguishing high-pressure (green) and transmission (gold) lines. The D3 map uses a Mercator projection fitted to the high-pressure pipeline data, which sets the map’s scale and center. SVG paths render the GeoJSON line features, with the transmission layer added after the high-pressure layer. The background is plain white, with no street grid visible, and the pipelines appear as thin, colored lines. Hover effects are commented out, so the visualization is static. The map is sized at 800×600 pixels.

Aajzeigert

64% match

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

62% match

Loading thumbnail…

Gist a81c267615bde4d028ee

This visualization shows the geographic distribution of alternative fuel stations as of April 4, 2012, using a temporal heat map. The CartoDB Torque library animates the points over ten seconds, aggregating station counts per cell with a linear data aggregation function. The code applies a `colorize-alpha` image filter to markers, transitioning from red through blue based on density, while frame offsets increase marker width and reduce opacity to create a motion trail effect. The map uses static marker images from an Amazon S3 asset and relies on Torque’s time-based rendering to reveal spatial clustering over time.

Aandrewxhill

58% match