Skip to main content
100%

Pipeline test

✓ Published0🌍 Public
Aajzeigert
Last edited Oct 23, 2015
Created on Oct 23, 2015

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.

AI-generated description

Similar vizzes

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
94% 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
85% 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
74% 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
71% 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
70% match
Loading thumbnail…

Crude Oil Pipelines in US

This visualization displays a map of crude oil pipelines across the United States, with each pipeline colored according to its operating company. The map shows state boundaries, city labels, and pipeline routes, with a panel that displays the pipeline name and operator on mouseover. The code uses D3.js v4 with `d3.geoPath`, `d3.geoAlbersUsa`, and `topojson` to render the map, reading geographic data from a TopoJSON file containing both pipeline and state/city features. Pipeline colors are mapped to operator names, and hovering highlights the selected pipeline while dimming others. The data originates from the U.S. Energy Information Administration’s pipeline shapefiles and Atlas-Make for states and cities.

SSaminu
68% match
Loading thumbnail…

Fork of Fork of Leaflet + D3 Map

This visualization combines Leaflet and D3 to display geographic data on an interactive Esri World Imagery map. It uses Leaflet’s tile layer and SVG overlay, with D3’s geoPath and a custom geoTransform projection to render polygon and MultiLineString features from embedded GeoJSON data. The map shows hand-drawn lane boundaries and pincode areas, with polygons that respond to mouseover by changing color. The plot also includes a separate circles.json file containing coordinate points, though these are not referenced in the main HTML script.

NNita
66% match
Loading thumbnail…

Los Angeles Heat Islands and Covid

This visualization displays a world map with country boundaries, rendered using SVG and a Natural Earth projection. It highlights the geographic context for a study of Los Angeles heat islands and Covid, though the map itself focuses on global landmasses and graticule lines. The code uses d3.geoPath and d3.geoNaturalEarth1 for projection and path generation, with topojson to parse world-atlas data for country features and interior boundaries. Styling is applied via CSS classes, with landmasses filled in teal and graticules in light gray.

MMatthew Talty Colvard
65% match