Gist 3e4479ddb389f73888daa1181574723c

100%

Gist 3e4479ddb389f73888daa1181574723c

✓ Published0🌍 Public

Last edited Feb 18, 2022

Created on Feb 18, 2022

This visualization displays the geographic boundaries of various British West Indies Grid projected coordinate reference systems, as defined in the EPSG database. Each polygon is rendered as a GeoJSON feature, mapping the area of use for a specific SRID. The code relies on Leaflet’s map rendering to draw these polygons, using the GeoJSON data to plot each bounding box. The visualization is built with Vue.js, which manages the map component and loads the spatial data.

AI-generated description

Similar vizzes

Loading thumbnail…

Gist f1a627d4af91444f3fcaea66c62c8319

A Leaflet map centered on France displays a circular buffer polygon around a point at coordinates (2.18, 46). The example uses proj4js and the reproject library to convert the point from WGS84 to EPSG:3857, then applies jsts.io.GeoJSONReader to read the geometry and create a 40,000-meter buffer via the jsts buffer method. After writing the buffered geometry back to GeoJSON, it reprojects to WGS84 and renders the result as a Leaflet GeoJSON layer on OpenStreetMap tiles, with a scale control and a marker at (0,0).

TThomasG77

70% match

Loading thumbnail…

Gist f18adc0d5e8f2f124288

This visualization combines a GeoJSON geometry collection with a thematic map overlay, using a base point at coordinates (152.5169, -29.8064) and multiple detailed polygon outlines. The polygons appear to trace irregular regions or clusters, likely representing geographic areas or boundaries, while the point marks a specific location. The rendering emphasizes spatial relationships and distributions through geometric shapes, suggesting a geospatial analysis or mapping of regional data.

DDylanFM

70% match

Loading thumbnail…

Gist 853e8de9a35719af68b31d9c7f13ef77

This example displays a map of French regions using a conic conformal projection, rendering GeoJSON polygon features as SVG paths. The visualization loads geographic data from a local `regions.json` file and draws each feature with `d3.geoPath` and `d3.geoConicConformal` in D3 v4. The code focuses solely on projecting and displaying the regional boundaries without additional interaction or styling.

TTanguideCrevoisier

68% match

Loading thumbnail…

Gist 69526c10c61369e9ebc7f2479ab96375

This example renders a choropleth map of British Columbia’s regional districts from a TopoJSON file, coloring each polygon by its `FEATURE_AREA_SQM` property. The visualization uses a custom `d3.geoPath` projection to draw district boundaries and a sequential color scale to encode area. Hover effects are implemented through a `transition.attrTween` that animates the fill color on selection, while a tooltip displays the district name and area. The map is composed using D3’s topology and geometry APIs, with the data sourced from the province’s legal boundary records.

MMbrownshoes

68% match

Loading thumbnail…

via:geojson.io

This example uses a geospatial dataset of rectangular polygons to visualize named regions across South America and West Africa. It renders a map from a GeoJSON FeatureCollection, with each polygon’s properties labeling its area and name. The visualization relies on a mapping library to project and draw the geometry, while the interaction between overlapping regions (like the nested “South America Pacific” and “Atlantic” areas) is shown through distinct filled shapes. The code likely employs `d3.geoPath` for path generation and Canvas or SVG rendering, with the raw coordinate data directly defining the boundaries. The source is a gist, and the author is Fil.

PPhilippe Rivière

67% match

Loading thumbnail…

Gist bea3b68601c5004145624bdb03eaa43e

This example maps oceanographic CTD (conductivity, temperature, depth) sampling locations along the British Columbia coast and offshore Pacific. A GeoJSON MultiPoint dataset feeds a D3 map using `d3.geoPath` with a TopoJSON basemap for landmasses. Points cluster tightly near the continental shelf and along a repeating offshore grid, while a supplementary CSV (`proflocations.csv`) suggests profile station coordinates. The visualization shows the spatial distribution of oceanographic measurements, highlighting dense nearshore sampling versus broader offshore transects, rendered as a static point-layer over geographic context.

MMbrownshoes

67% match

Loading thumbnail…

Gist d8085662349426513b73

This map visualizes a geospatial polygon from a GeoJSON file, outlining a specific land parcel or boundary area with high coordinate precision. The shape is rendered as a MultiPolygon, with vertices tracing a detailed, irregular perimeter typical of cadastral or survey data. The minimal, line-only representation emphasizes the geometry’s raw form, highlighting the boundary’s complexity and the spatial distribution of the region without additional contextual layers. The visualization focuses on the raw geographic footprint, making the coordinate data the primary visual element.

DDylanFM

66% match

Loading thumbnail…

Gist 96068363e74b4c1c148c55aad9ab0cf4

This example demonstrates client-side reprojection of GeoJSON geometries from a source CRS to WGS84 using the Proj4js library. It fetches a French “quartiers prioritaires” dataset encoded in EPSG:2154 and transforms its Point, LineString, Polygon, and Multi* geometries via custom functions that recursively map coordinates through a proj4 transformer. It also tests a second transformation from EPSG:4326 to EPSG:3857 on sample geometries, logging converted coordinates to the console. The code relies on proj4.defs, proj4(...).forward, and the fetch API.

TThomasG77

66% match