Skip to main content
SimilarExport ZIP
100%

nyc boroughs

✓ Published0🌍 Public
JJn1532
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…

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

NYC Map

This example visualizes the five boroughs of New York City using a conic equal-area projection. The map displays geographic boundaries as vector paths, with a graticule overlay and an outline for context. It fetches TopoJSON data from a GitHub repository and converts it to GeoJSON using `topojson-client`. The rendering relies on `d3.geoPath` and `d3.geoConicEqualArea` from the D3 library, with SVG elements joined via `selectAll().join()`. The projection parameters are tuned specifically for the city’s latitude and longitude range.

IIan Wright
79% match
Loading thumbnail…

Interactive NYC Borough map

An interactive map of New York City's five boroughs, colored distinctly, serves as a base for exploring traffic crash data. Users toggle checkboxes in a legend to display layers of colored points representing injured or killed cyclists, pedestrians, and motorists. The map shows these incident locations as colored circles at varying opacities. Hovering over a borough reveals a tooltip with summary crash statistics. Built with React, it uses D3's `geoMercator` for projection, `geoPath` for drawing, and `topojson-client` for handling geographic data, visualizing point data loaded from CSV files.

JJose Morales
77% match
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…

Interactive NYC Borough map with scroll and zoom

An interactive map of New York City's five boroughs colored by name, with an optional overlay of incident points. Across each borough, users can toggle visibility for six crash-related categories—cyclists, pedestrians, or motorists, each further split into injured or killed—using checkboxes or clicks in the legend. The React app loads data from CSV files for incident locations and a TopoJSON file for borough boundaries, rendering with D3's Mercator projection and `geoPath`. Hovering over a borough displays a tooltip with aggregate crash statistics from a separate CSV.

JJose Morales
75% match
Loading thumbnail…

Interactive NYC Borough map with scroll and zoom

An interactive map of New York City's five boroughs colored by name, with an optional overlay of incident points. Across each borough, users can toggle visibility for six crash-related categories—cyclists, pedestrians, or motorists, each further split into injured or killed—using checkboxes or clicks in the legend. The React app loads data from CSV files for incident locations and a TopoJSON file for borough boundaries, rendering with D3's Mercator projection and `geoPath`. Hovering over a borough displays a tooltip with aggregate crash statistics from a separate CSV.

JJose Morales
75% 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