nyc boroughs

100%

✓ Published0🌍 Public

Last edited Mar 27, 2019

Created on Mar 27, 2019

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.

AI-generated description

Similar vizzes

Loading thumbnail…

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.

JJn1532

76% match

Loading thumbnail…

nyc zip code gejson

This example shows a map of New York City ZIP code boundaries, with each postal code drawn as a filled polygon. The map uses d3.geoPath to render the GeoJSON features from a gist, which contains both the polygon geometry and property data such as borough and neighborhood name. The visualization colors each district and includes a longitude/latitude attribute for each ZIP code, enabling geographic context. The GeoJSON file supplies all boundary coordinates and metadata directly, so the rendering relies on d3’s geographic projections to display the polygons in a flat, interactive layout.

JJn1532

76% match

Loading thumbnail…

trytry

This example shows an interactive map of New York City boroughs, where each borough’s fill color represents the length of its name. Users can hover over or click individual boroughs to trigger visual feedback. The map is rendered using D3 v3 with `d3.json` to load GeoJSON data, `d3.geo.path` for projecting and drawing the borough outlines, and `d3.scale` for mapping name lengths to colors. The code sets up mouseover, mouseout, and click event handlers for each path.

Uunolys

73% match

Loading thumbnail…

Untitled

This interactive map of New York City boroughs uses a Mercator projection to display a choropleth where each region’s fill color reflects the length of its name. Hovering over a borough triggers a playful “text art” effect that cycles through random Google Fonts, while clicking zooms into the selected region. Built with D3 v3 and React, the visualization leverages `d3.geo.path` for map rendering, `d3.scale.linear` for color encoding, and animated SVG transitions for the zoom effect.

YYuren Dong

73% match

Loading thumbnail…

NY Counties

This visualization displays New York’s counties on a map, colored white with gray borders, and highlights each county in crimson on mouseover while showing its name and population in an info box. It uses d3.geoPath with a transverse Mercator projection, d3.queue to load TopoJSON county boundaries and population data, and topojson-client to convert geometries. The map also includes a blurred drop shadow and white overlay for a layered effect, with state boundaries drawn as a mesh.

MMTClass

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

70% match

Loading thumbnail…

Untitled

This example displays a map of New York State, rendering its geographic boundaries as steel-blue shapes on an SVG canvas. It loads GeoJSON data from a remote GitHub gist using `d3.json` and projects the coordinates with `d3.geoAlbersUsa`. The code uses `d3.geo.path()` to convert the projected features into SVG path data, appending each region as a `<path>` element within grouped `<g>` elements. The visualization relies on D3 v5 and React, with the final output showing a simple, unadorned state outline.

Llupica.matthew@gmail.com

70% match

Loading thumbnail…

map: NY Counties

This interactive map displays New York State counties using a glitchy, layered rendering technique. The visualization uses D3’s geoAlbersUsa projection and geoPath to render county boundaries from a TopoJSON source, with hover effects that highlight individual counties. The map also includes world landmasses and graticules, creating an overlapping collage effect where the state’s counties appear superimposed on global geography. React manages the component state while D3’s json and topojson.feature APIs load and parse the geographic data for SVG rendering. The stylized CSS uses semi-transparent fills and hover states to emphasize the experimental aesthetic.

Zzach b.

70% match