Points in our historic tour

100%

Points in our historic tour

✓ Published0🌍 Public

Last edited Nov 17, 2014

Created on Nov 17, 2014

This visualization maps the locations of historic buildings on a university campus, where a star-stroked marker designates each designated tour stop. The map is built from a GeoJSON file that encodes each building's coordinates, title, and a collection of linked historical images, with the narrative for each location drawn from accompanying text. The code uses the `d3.geoPath` method to render the geographic base map, while each point is drawn as a path object, allowing for the custom star symbol and color to be applied directly through SVG attributes.

AI-generated description

Similar vizzes

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

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

75% match

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

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

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

69% match

Loading thumbnail…

Gist 51fc31ee453f57c3c5ad

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.

CCliffordAnderson

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

68% match

Loading thumbnail…

MIT Technicolor Campus Map

This visualization displays a colorful map of MIT campus buildings sourced from OpenStreetMap, with each structure filled using a categorical color scale based on its tags. The example uses D3 v4 and TopoJSON to load and render the geographic data as SVG paths via `d3.geoPath` with a Mercator projection, while `d3.zoom` enables interactive pan and zoom. The map is fitted to the browser window and redrawn on resize, and building colors are assigned by `d3.scaleOrdinal` with `d3.schemeCategory10`, with each path’s fill derived from the JSON-stringified property tags.

Ssingularity6033

68% match