Gist c34929ea07077c99b9cb6e8326253b9e

100%

Gist c34929ea07077c99b9cb6e8326253b9e

✓ Published0🌍 Public

Last edited Jan 4, 2018

Created on Jan 4, 2018

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.

AI-generated description

Similar vizzes

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

91% match

Loading thumbnail…

Gist 73100dba40164b493edf7af63649a498

This map shows a guided tour of Berlin in 1947, with markers placed at historical sites like the Fasanenstrasse Synagogue and Charlottenburg Gate. Each marker includes photographic images and descriptive text retrieved from the GeoJSON data. The visualization uses d3.geoPath to render the map and d3.forceSimulation to position the markers, with the tour data loaded from a local JSON file.

CCliffordAnderson

88% match

Loading thumbnail…

Gist 34b9e698494c9c763e0838e19dccec1c

This visualization places a single GeoJSON point feature at the coordinates of Checkpoint Bravo, a former Cold War crossing point near Berlin. The point is styled with a red roadblock marker and includes two linked Wikimedia Commons photographs that document the site’s history and later transformation into a park. Using the Leaflet library with a GeoJSON layer, the map renders the marker symbol and binds the image data to a popup. The code relies on standard Leaflet tile layers and marker icons, with the GeoJSON properties driving the popup content and marker styling.

CCliffordAnderson

82% match

Loading thumbnail…

Gist cd9f60b16fb12aa5693b

This example visualizes a geolocated point on a Berlin map, showing the Poststadion Football Complex with an interactive marker. The code uses d3.geoPath to render the map geometry and a custom point layer for the marker, with properties like marker-color and marker-symbol styled via SVG. The visualization embeds a popup containing three images—two photographs and a YouTube video—accessed through HTML strings in the feature properties. It relies on the GeoJSON format for data storage and d3.forceSimulation for potential layout adjustments, though the primary rendering uses standard D3 projection and path methods.

CCliffordAnderson

80% match

Loading thumbnail…

Gist 49f26b694e2f1e41ac5c17433aa310fe

This example displays the historical course of the Berlin Wall as a detailed polygon on a map, derived from OpenStreetMap data stored in a GeoJSON file. The visualization uses D3.js to render the geographic path with `d3.geoPath`, projecting the coordinates onto a two-dimensional canvas. It highlights the wall’s former route through the city, with the geometry emphasizing its winding path. The rendering focuses on the spatial extent of the structure, using the raw coordinate data to draw the wall’s outline without additional styling or interaction.

CCliffordAnderson

77% match

Loading thumbnail…

GLAM

This map shows a collection of museums and libraries in Berlin from the GLAM tour series, with each location represented as a green marker. The visualization is built from GeoJSON data containing points with coordinates, titles, Wikidata links, and associated images. The map emphasizes the spatial distribution of cultural institutions across the city, with markers color-coded in green and labeled with museum symbols. The underlying data appears to be sourced from Wikidata and processed through a Cloudant database, suggesting a workflow for curating and displaying location-based cultural heritage data.

CCliffordAnderson

76% 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

75% match

Loading thumbnail…

Adding a Point to your Map of Berlin

This example demonstrates a clickable map of Berlin with photographic markers. It shows how to add a new point by finding a Creative Commons image with EXIF location data, converting the coordinates, and inserting a GeoJSON feature into an existing collection. The visualization uses Leaflet to render the map and markers, with embedded HTML in the GeoJSON properties to display images and captions in popups. The data source is a hand-edited GeoJSON file containing multiple points of interest, each with associated media and descriptions.

CCliffordAnderson

75% match