Gist 991607

100%

✓ Published0🌍 Public

Last edited Jun 1, 2011

Created on May 25, 2011

This visualization maps the Admiralty Islands lowland rain forests ecoregion using a World Wildlife Fund shapefile, displaying its geographic boundary as a multipolygon vector. It uses d3.geoPath to render the projected shape onto a Canvas, with geographic coordinates derived from the WWF dataset’s spatial extent and CRS metadata. The example also reads pixel data via Canvas getImageData to inspect the rendered area, though it does not animate or filter the shape further.

AI-generated description

Similar vizzes

Loading thumbnail…

Gist 991610

This visualization maps the Admiralty Islands lowland rain forests ecoregion, plotting species occurrence data from the World Wildlife Fund as a spatial assemblage list. It renders geographic boundaries and species locations using D3.js, likely employing `d3.geoPath` for map projection and `d3.forceSimulation` to distribute overlapping species points. The visualization encodes each taxon as a distinct mark, with non-introduced species indicated by a false flag in the dataset. The temporal coverage spans 1990 to 2020, though the static display focuses on the spatial distribution of the 25 listed species across the ecoregion.

Aandrewxhill

88% match

Loading thumbnail…

Gist 954147

This visualization maps the relationships between ecological regions and marine objects, showing how terms connect across layers. It builds an interactive network graph using D3.js, with nodes representing ecoregions and links depicting shared terms from the data model. The code defines data classes for ecoregions and marine object layers, using `d3.forceSimulation` to position nodes and render connections based on the categorical properties stored in each record. The rendering approach relies on force-directed layout to reveal clustering patterns among ecological zones.

Aandrewxhill

74% match

Loading thumbnail…

Gist 975514

This visualization maps amphibian and mammal species distributions across protected areas using force-directed network graphs. It links species to sites via WDPA biodiversity inventory data, with nodes colored and sized by taxonomic family or threat status. The code employs d3.forceSimulation for layout and d3.geoPath for rendering spatial relationships, while Canvas getImageData enables pixel-level interaction. Red List status and population trends are encoded through node styling, with volant versus terrestrial mammals distinguished by shape or color.

Aandrewxhill

73% match

Loading thumbnail…

Gist 4047791

This example renders a single MultiPolygon geographic feature—a small island coastline—using D3’s `d3.geoPath` to project and draw the shape onto a canvas. The raw GeoJSON coordinates define the polygon’s boundary, and the visualization shows the resulting landmass as a filled path. The code relies on D3’s geographic projection pipeline to convert latitude and longitude points into screen-space coordinates, but does not include axes, labels, or interaction. It is a minimal demonstration of how a GeoJSON geometry can be displayed directly with D3’s path generator.

Aandrewxhill

73% match

Loading thumbnail…

Gist 67fa3790166d6549f4a9

This interactive visualization pairs a large world map with a side panel, using D3’s `d3.forceSimulation` to scatter data points across geographic coordinates rendered via `d3.geoPath` and Canvas `getImageData` for pixel-level placement. The layout adapts responsively, and the code includes CSS themes for light or dark editorial styling, suggesting a map-based storytelling template.

Aandrewxhill

73% match

Loading thumbnail…

Gist 991608

This visualization maps the global range of the puma (Puma concolor) using data from the IUCN Global Mammal Assessment, displaying the species’ habitat extent as a coarse-resolution vector polygon across the Americas. The example uses d3.geoPath to project and draw the shapefile-derived boundaries onto a canvas, while d3.forceSimulation likely positions map elements or labels. The rendering relies on Canvas getImageData to process pixel-level details, and the underlying spatial data is stored as an ESRI shapefile with a WGS84 coordinate system, resampled to a 200-kilometer grid for simplified display.

Aandrewxhill

72% match

Loading thumbnail…

Gist 8392784

This visualization shows the location and ecological details of the Inland Poor Fen wetland in the Adirondack Park, rendered as an annotated GeoJSON feature. It uses D3’s `d3.geoPath` to draw the polygon boundary and displays associated property attributes—such as survey date, acreage, and species composition—directly on the map. The data originates from a single GeoJSON file containing the feature’s geometry and extensive metadata fields.

Aadkatrit

72% match

Loading thumbnail…

Gist 8393709

This visualization displays a world map rendered from GeoJSON data using D3.js, with country polygons colored according to a categorical scale. The map focuses on named regions and includes a legend and hover interactions, allowing viewers to explore geographic boundaries and associated metadata such as country names and people listed in the properties.

Aadkatrit

72% match