DOITT_THEATER_01_13SEPT2010

DOITT_MUSEUM_01_13SEPT2010

This map displays the locations of museums and cultural institutions across New York City’s five boroughs, with each point labeled by name. The visualization is built using sample GeoJSON data from a gist, which is parsed and rendered as a point layer. The code employs D3.js spatial methods, specifically `d3.geoPath` for drawing map boundaries and `d3.geoCircle` for projecting individual museum coordinates, creating an interactive point-based overview of the city’s cultural landscape.

82% match

nyc boroughs

This map displays the five boroughs of New York City from a GeoJSON file. The visualization uses the `d3.geoPath` projection to render the polygon boundaries, with each borough's name and code visible in the tooltip. The data is sourced from a gist by Jn1532 and drawn using the D3.js library to create an interactive geographic representation. The map is presented on a blank canvas, allowing users to explore the distinct shapes of Manhattan, Brooklyn, Queens, the Bronx, and Staten Island.

67% match

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

66% match

Inspection Map

An interactive map of New York City displays inspection counts by ZIP code as a choropleth overlay, alongside point markers for museums, theaters, and subways. Users can filter results through a dropdown menu and sidebar rows. The visualization uses Leaflet with marker clustering and Mapbox tiles, rendering geographic data from external GeoJSON sources onto an SVG-backed map interface.

66% match

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

New York Centroid Fixed

This example demonstrates a workaround for a known issue in d3-geo where computing the centroid of a geographic feature collection can produce inaccurate results. It visualizes New York City neighborhoods on a Mercator projection, with orange and red dots marking computed centroids. The code uses `d3.geoCentroid` and `d3.geoPath` to project and render the data. A fix is applied by including the centroids as a MultiPoint feature in the projection's `fitExtent` calculation, ensuring the map is properly scaled and centered on the data.

PPhilippe Rivière

fresh block

This interactive map visualization plots geolocated tweets across New York City’s fire divisions over time. The view displays colored borough regions overlaid with small circular markers for each tweet’s coordinates, with a slider to step through days and a control to adjust the map’s zoom scale via d3.geo.mercator and d3.geo.path. The code uses d3.v3, TopoJSON for boundary data, and scales for color and opacity.

GGregory-Howard

Gist bb974dcf54acc39a81cb60d79bf0aa5c

This example plots earthquake epicenters as points on a map using GeoJSON features. It renders the geographic coordinates with `d3.geoPath` and a map projection, while each point is positioned via `d3.forceSimulation` to avoid overlapping labels. The visualization shows five recent seismic events, with the primary ID as magnitude and the secondary ID as a location description. The code uses D3’s force-directed layout to spread the point markers, and the map background likely comes from a geographic shapefile or topojson layer, making the data immediately readable by region.