Skip to main content
100%

fresh block

✓ Published0🌍 Public
VVictorHom
Last edited May 16, 2018
Created on May 16, 2018

This visualization displays the five borough boundaries of New York City as a blue SVG map, using a Mercator projection centered on the city. Red circles are overlaid at several geographic coordinates, though the implementation contains a bug where both circle positions use the projected y-coordinate for the x-position, causing misplaced markers. The map is rendered from a GeoJSON file of borough boundaries, loaded and projected with D3 v4.

AI-generated description

Built with blockbuilder.org

mit Licensed

Similar vizzes

Loading thumbnail…

nyc_map

This visualization displays the five boroughs of New York City as a steelblue SVG map, loaded from a GeoJSON file containing borough boundary polygons. The map uses a Mercator projection, centered approximately on [−73.94, 40.70] with a scale of 60,000, and is rendered with D3 v4's geoPath. In addition to the borough outlines, three red circles are plotted using d3.geoMercator() to project coordinates onto the map, although the circle placement code contains an apparent bug in how it maps coordinate values to SVG x/y positions.

VVictorHom
89% match
Loading thumbnail…

nyc_map

This visualization displays the five boroughs of New York City as a blue SVG map, built using a GeoJSON dataset of borough boundaries. The map is rendered with a Mercator projection, centered on coordinates [-73.94, 40.50], and scaled to fit the 960×1160 viewport. Red circles mark four specific locations, including points in Manhattan and Queens, overlaid on the borough polygons. The example demonstrates how to load GeoJSON, compute a projection, and draw geographic features using D3 v5's geoPath and geoMercator.

VVictorHom
88% match
Loading thumbnail…

nyc_map

This visualization displays the borough boundaries of New York City as a blue SVG map, rendered using D3 v4’s geoMercator projection and geoPath. The map is centered on coordinates [-73.94, 40.70] and drawn from GeoJSON data. Three red circles are overlaid at fixed coordinate points, though their placement is inconsistent due to a coding error that uses the same value for both x and y positions, causing the markers to appear along a diagonal line rather than at their intended locations. The example demonstrates loading GeoJSON, projecting geographic features, and appending SVG elements.

VVictorHom
87% match
Loading thumbnail…

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.

JJn1532
80% match
Loading thumbnail…

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
78% match
Loading thumbnail…

NYC borough map with interactive legend

An interactive map of New York City's five boroughs displays traffic crash counts from a CSV dataset as circular markers with numeric labels, overlaid on a TopoJSON-derived GeoJSON map. Users hover over legend items or borough polygons to highlight matching regions while dimming others. The visualization uses React for component state and layout, D3 v7's `geoMercator` and `geoPath` for the map projection, and `select` for SVG updates. A semi-transparent legend communicates the fixed borough color scheme.

JJose Morales
76% match
Loading thumbnail…

New York Block Groups

This example displays all 13,837 census block groups for New York as a single vector map, showing each polygon with a uniform thin black stroke and no fill. The visualization is rendered as an SVG using a `d3.geo.path()` projection, while the map data is loaded as TopoJSON from a local file and converted to a mesh with the `topojson.mesh()` API. The code projects the geographic coordinates for display, with the styling kept intentionally minimal to emphasize the block-group boundaries.

Mmbostock
76% match
Loading thumbnail…

fresh block

A map of London shows a cluster of dots animating from radius one to radius six, each positioned by latitude and longitude from a CSV file. The visualization uses Leaflet with a Mapbox tile layer, and D3.js to render SVG circles that are projected to pixel coordinates and repositioned as the map pans or zooms, overlaid on the map’s overlay pane.

CChmits
75% match