Mapping Berlin Feature Collection Examples

100%

Mapping Berlin Feature Collection Examples

✓ Published0🌍 Public

Last edited Feb 22, 2017

Created on Feb 22, 2017

This example shows a GeoJSON feature collection used to map a single Berlin location, the Krematorium Berlin-Wedding, with associated photographic data. It demonstrates the JSON syntax for a `FeatureCollection` containing a point geometry with properties such as title, series, and an embedded YouTube image URL. The code uses standard GeoJSON formatting with a `Point` geometry and `coordinates` array, which would be rendered using a library like `d3.geoPath` or Leaflet, though no visualization library is directly invoked here.

AI-generated description

Similar vizzes

Loading thumbnail…

Sample Berlin Point

This example maps a single point from a GeoJSON file, representing the Berlin Chancellary, onto a map. The visualization displays the point’s coordinates and associated properties, including a marker symbol, color, and an embedded image with a caption. The code uses d3.geoPath to render geographic features and relies on the GeoJSON data structure to define the point’s location and metadata. The marker is styled using the properties for size, color, and symbol, while the image is presented as an HTML string within the data. The source is a gist authored by CliffordAnderson, with the point data drawn from the Spring 2015 series and a 1970 tour reference.

CCliffordAnderson

75% match

Loading thumbnail…

test

This example visualizes a single point feature from a GeoJSON file, marking the location of Friedrichstraße in Berlin. The map uses D3’s `d3.geoPath` to render geographic outlines, while the point itself is drawn with SVG markers. The feature’s properties include an image carousel with historical photos, toggled by user interaction. The code relies on D3’s data binding and event handling to update the displayed images, and the geographic coordinates are parsed from string values in the GeoJSON. The rendering approach uses a standard Canvas or SVG projection, though the specific projection library is not shown. The source is a gist by CliffordAnderson, with data embedded directly in the file.

CCliffordAnderson

74% match

Loading thumbnail…

Sample Point for Mapping Berlin

This example visualizes a single sample point in Berlin, locating Friedrichstraße at coordinates 13.386978, 52.520289 within a geospatial context. It highlights a specific place of interest tied to a spring 2015 series and a 1970 tour, using a yellow medium-sized marker with a rail-metro symbol. The visualization relies on a GeoJSON Feature object, which is parsed and rendered through a mapping library such as D3’s `geoPath` for projecting coordinates, while the marker’s style properties—`marker-size`, `marker-color`, and `marker-symbol`—are applied via SVG or Canvas drawing. The source data is a raw gist file, indicating a minimal, focused point-mapping example rather than a complex thematic map.

CCliffordAnderson

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

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

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

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

71% match

Loading thumbnail…

Identify GeoJSON errors in Mapping Berlin

This example identifies errors in GeoJSON data for a map of Berlin by piping a Cloudant view response through `jq` to extract point features and run `geojsonhint`. The command constructs a FeatureCollection from the database rows, then validates the resulting JSON structure and geometry. The visualization shows which features fail validation, using the command-line tool to highlight malformed coordinates or properties. The process relies on a gist-hosted script that queries the Cloudant database and pipes the output through `jq` before passing it to `geojsonhint` for error detection.

CCliffordAnderson

70% match