Skip to main content
100%

GAS PIRATE

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

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.

AI-generated description

Similar vizzes

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
90% 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
85% 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
77% 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
74% 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
67% match
Loading thumbnail…

P5 Heatmap

This interactive visualization displays natural gas consumption across selected U.S. states from 2005 to 2011 using a heatmap grid. The color intensity of each rectangle reflects the consumption value, with blue indicating lower consumption and pink indicating higher consumption. The P5.js sketch loads data from a CSV file containing state, year, and consumption columns, then renders the grid on a 600x500 canvas. The code normalizes consumption values by dividing by 950,000 and maps them to the fill color's red channel. State labels appear along the left axis, with years displayed across the top.

Mmariahdiaz
64% match
Loading thumbnail…

Gas report

This visualization presents a layered line chart comparing gas consumption amounts and fuel efficiency (mpg) over time. The data is loaded from a GitHub-hosted CSV file using `d3.csv`. The chart uses two overlaid line marks with independent y-axes, created via the Vega-Lite API’s `vl.layer` and `resolve` functions. Both layers encode date on the x-axis and tooltips on the data fields. The visualization is rendered with Vega-Lite, using a custom config for axis styling and colors.

Rrohame
62% match
Loading thumbnail…

bubble

This bubble map displays global natural gas production by country, with circle size proportional to production volume. The visualization uses D3.js v6 with a Mercator projection, plotting latitude and longitude coordinates from a CSV file onto a GeoJSON world map. The map renders as gray SVG paths with blue semi-transparent bubbles, sized using d3.scaleLinear. Country positions are projected via d3.geoPath with a custom geoMercator projection, while the data loading relies on Promise.all to fetch both the GeoJSON and CSV sources.

Hhanulik.ondrej@gmail.com
61% match