Skip to main content
100%

Gist 991608

✓ Published0🌍 Public
Aandrewxhill
Last edited May 25, 2011
Created on May 25, 2011

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.

AI-generated description

Similar vizzes

Loading thumbnail…

Gist 972852

This visualization shows range maps for two species—Puma concolor and Ursus americanus—derived from MOL range data, alongside ecoregion occurrences for Puma concolor sourced from WWF. It uses a custom `MetaDataProfile` structure to attach metadata like names, bounding boxes, and EML profiles to each dataset. The ranges are rendered as `MultiPolygon` objects, while occurrences are grouped in an `OccurrenceSet`, with cross-references linking species to their metadata collections. The code defines these spatial and metadata relationships programmatically, though it does not include explicit rendering calls.

Aandrewxhill
83% 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 991607

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.

Aandrewxhill
72% match
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
70% match
Loading thumbnail…

Gist 954622

This visualization maps a network of species occurrence records and their associated ecoregion polygons. It shows how occurrence sets cluster together through shared taxonomic and geographic references, using an interactive force-directed layout. The code relies on d3.forceSimulation to position nodes representing occurrence sets and polygons, while d3.geoPath renders the underlying geographic boundaries from the stored polygon data. Data is pulled from Google App Engine’s datastore models, including OccurrenceSet and OccurrencePolygon, with the visualization highlighting relationships between species names, sources, and ecoregion types.

Aandrewxhill
69% match
Loading thumbnail…

Gist 896930

This example shows how biological species names and their associated geographic data types can be linked through shared layer identifiers. A force-directed layout, likely using d3.forceSimulation, maps the relationships between search terms, source types (GBIF points and MOL ranges), and matched species names. The visualization connects name matches like “Puma concolor” to overlapping layer IDs, while distinguishing whether each layer originates from GBIF or MOL. It demonstrates a data model for reconciling multiple taxonomic and spatial datasets, though the actual rendering logic is not included in the provided code.

Aandrewxhill
69% 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
68% match
Loading thumbnail…

Gist 9bd5ca69fc039cff50383b3a3459858b

This example shows how to render a spatial distribution of data points on a map using D3.js. It uses `d3.geoPath` to draw geographic boundaries and `d3.forceSimulation` to position overlapping points, while Canvas `getImageData` is used to read pixel data for collision detection. The visualization reads from a PGP-encrypted text file, suggesting the underlying dataset is not directly accessible. The code relies on D3’s selection and transition APIs to animate point movements, and it appears to use a projection to convert latitude and longitude coordinates into screen positions. The result is an interactive scatterplot overlaid on a map, with points dynamically adjusting to avoid overlap.

CCliffordAnderson
68% match