Skip to main content
100%

Gist 991610

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

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.

AI-generated description

Similar vizzes

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
88% 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
79% 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
78% 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
77% 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
71% match
Loading thumbnail…

Gist 894879

This example builds an interactive map visualization using the D3.js library, displaying geographic data over a rendered world map. It applies a force-directed simulation with `d3.forceSimulation` to position nodes, while `d3.geoPath` generates the map outlines and `d3.geoProjection` handles coordinate transformations. The interface includes customizable control panels styled via CSS, allowing users to adjust map layers and layout dynamically. The visualization renders data from a gist source, combining geographic boundaries with overlaid points that respond to simulated forces for a dynamic, data-driven presentation.

Aandrewxhill
70% match
Loading thumbnail…

Third pass at collections metadata JSON from Andrew

This example visualizes the structure of a JSON metadata file describing a World Wildlife Fund ecoregion dataset. It shows how nested fields like agreements, allowed uses, references, and spatial properties are organized hierarchically. The visualization uses d3.forceSimulation to position nodes representing metadata keys and values, with links showing parent-child relationships. d3.geoPath renders a map of the ecoregions, while Canvas getImageData is used to sample spatial grid data for display. The source data comes from the provided collectionsmetadata.json gist, and the layout dynamically arranges the JSON tree for inspection.

Aandrewxhill
70% 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
70% match