Skip to main content
SimilarExport ZIP
100%

Gist 51fc31ee453f57c3c5ad

✓ Published0🌍 Public
CCliffordAnderson
Last edited Jul 24, 2014
Created on Jul 24, 2014

This example maps recycling bin locations inside Vanderbilt Law School, pinpointing each spot with a marker on a geographic point feature. The visualization uses a GeoJSON file containing a single point with coordinates for the building, while a linked property array lists 20 image captions describing specific rooms or areas. The code relies on Leaflet or a similar mapping library to render the tile layer and plot the marker, applying the custom `marker-size`, `marker-color`, and `marker-symbol` styling from the GeoJSON properties. It also references local image files for each location, though the actual popup or gallery behavior is not implemented in the visible snippet.

AI-generated description

Similar vizzes

Loading thumbnail…

Gist e8914af0b0ac89f0bb63ab1ffa0d4f71

This example plots a single geographic point from a GeoJSON file, marking the Vanderbilt Library’s location with a yellow school symbol and a popup containing its title, tour date, and an external Wikimedia image. The visualization uses an SVG map rendered with D3’s `d3.geoPath` and `d3.forceSimulation` to place the marker, while the associated properties are bound to the feature for interactive display. The map’s basemap and styling are not specified in the code, only the one-point feature and its metadata.

CCliffordAnderson
81% match
Loading thumbnail…

Gist 8978952

This example visualizes a campus map of Vanderbilt University using a GeoJSON FeatureCollection of building points. It displays each location as a marker on a map, with pop-up images and titles for select structures like Kirkland Hall and Old Main. The visualization uses d3.forceSimulation to position the markers, while d3.geoPath renders the geographic features. Images are pulled from Wikimedia Commons, and the data originates from a gist authored by CliffordAnderson.

CCliffordAnderson
80% match
Loading thumbnail…

GeoJSON for Recycling

This example uses a GeoJSON file containing recycling-related points of interest across a city, rendered with map and graphics libraries. It visualizes the locations of recycling-themed markers on a map, with properties such as title, paper series, and tour assigned to each point. The map uses point geometry with latitude and longitude coordinates, and each marker is styled with a custom color, size, and symbol. The visualization displays map markers with associated image captions, showing the locations and their contextual image-based descriptions.

CCliffordAnderson
76% match
Loading thumbnail…

Gist 10676346

This map displays labeled points from a GeoJSON file, plotting locations like "Internet Archive," "China," and "New York" at their geographic coordinates. The visualization likely renders a large-scale point cloud, with overlapping labels suggesting a messy or aggregated dataset. Using a mapping library, likely D3.js with `d3.geoPath` for drawing map features and standard SVG or Canvas techniques for placing text labels, the code creates a simple geographical scatter plot. The rendering emphasizes the spatial distribution of these named places across the globe.

CCliffordAnderson
72% match
Loading thumbnail…

Gist 8603058

This example presents an interactive campus tour using GeoJSON point data, mapping two historic landmarks with descriptions and photo links. It renders the geographic points on a map using D3’s `d3.geoPath` and `d3.forceSimulation` to position labels or markers, while pulling tour info from the embedded feature properties. The visualization relies on the GeoJSON FeatureCollection structure and displays Wikipedia URLs and image thumbnails as part of each stop. Coordinate parsing and path generation are handled through standard D3 geo projections, making the tour spatially navigable.

CCliffordAnderson
72% match
Loading thumbnail…

Gist 9af806e8acc168aa10c06099d668b711

This example presents an interactive map of historical Berlin locations from 1947, using GeoJSON point features to mark sites like the Synagogue Fasanenstrasse and Charlottenburg Gate. Each marker opens a popup with period photographs and captions, rendered through a Mapbox-like interface. The visualization relies on a custom marker system with symbol and color properties, while the underlying tour.json data drives the geographic placement and content. The implementation uses standard web mapping libraries to handle GeoJSON rendering and marker interactions, showing how archival image collections can be geolocated and explored.

CCliffordAnderson
71% match
Loading thumbnail…

Gist c34929ea07077c99b9cb6e8326253b9e

This map-based visualization plots historical sites from a 1947 tour of Berlin, using a GeoJSON FeatureCollection to place markers with associated photographs and descriptions. The code relies on Leaflet for map rendering and marker display, with custom styling applied through marker properties like color and symbol. Each point opens a popup containing historical images from Wikimedia Commons, pairing wartime and contemporary photos to show how locations have changed. The tour data is organized by series and includes coordinates for landmarks such as the Technical University and Flakturm Tiergarten.

CCliffordAnderson
70% match
Loading thumbnail…

Sample points for Mapping Berlin

This example maps Vanderbilt University as a single point using GeoJSON, displaying the campus location over Nashville. It renders the geometry with `d3.geoPath` and overlays the point, while the code loads the feature properties to show university details. The visualization contrasts the structured GeoJSON format against a simpler JSON version, using D3’s projection and path APIs to draw the geographic context. The dataset source is a gist, and the example focuses on demonstrating point-based mapping with minimal, illustrative data.

CCliffordAnderson
70% match