nyc subways

100%

✓ Published0🌍 Public

Last edited Mar 27, 2019

Created on Mar 27, 2019

Shows three intersecting New York City subway lines—the 1, 2, and 3 routes—as MultiLineString geometries from a GeoJSON FeatureCollection, with each route’s track path rendered as a separate visual segment. The example uses d3.geoPath to convert geographic coordinates into screen-space projections over a map base, with route_id values distinguishing line colors. Data is loaded directly from the subways.geojson source file, which encodes each route as a multilinestring of consecutive station-to-station coordinate pairs.

AI-generated description

Similar vizzes

Loading thumbnail…

Gist eb7cd9a65aadb68945adc87e0e8c343d

This example visualizes the tram and metro network of an unnamed city using a TopoJSON topology. It shows routes as geographic paths overlaid on a map, with the data sourced from a gist by JulesBlm. The visualization uses D3.js to load and parse the TopoJSON file, then renders the network through its projection and path generation APIs, displaying the transit lines as connected arcs.

JJulesBlm

68% match

Loading thumbnail…

New York Census Tracts

This example displays New York Census Tracts as gray polygons with black borders, rendered as SVG paths that fill the viewport. Loading GeoJSON via `d3.json` and converting TopoJSON with `feature`, the map uses `d3.geoPath` without a projection. The visualization supports interactive panning and zooming through `d3.zoom`, which applies transformations to a group element. Hovering changes a tract’s fill to red via CSS. Data comes from Mike Bostock’s New York Census Tracts block, using TopoJSON and D3 v5.

CCurran Kelleher

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

67% match

Loading thumbnail…

Gist b2644a6ec6b1fd1a95ef87d5a93ec93c

This example visualizes a GPS track as a three-dimensional path using a MultiLineString GeoJSON feature. The data, sourced from a gist by FergusDevelopmentLLC, is rendered with altitude encoded as the third coordinate in each vertex. The visualization highlights the elevation changes along the path through a continuous line, with the points tracing a looping route. The use of 3D coordinates allows the viewer to perceive the terrain's vertical profile alongside its horizontal extent, making it useful for analyzing elevation gain, slope, and path shape in a compact, geographic context.

WWill Carter

66% match

Loading thumbnail…

D3 test

This example visualizes a historical route from a GeoJSON file, displaying daily segments as dashed black polylines over a light blue graticule-filled map. The code uses D3 v5 with an SVG rendering approach and a Mercator projection configured via `d3.geoMercator()`. It loads coastline and route data with `d3.json()`, then binds the features to SVG paths using `d3.geoPath()`. The graticule is generated with `d3.geoGraticule()`. The visualization clearly shows the path’s progression across the mapped region, with each day’s travel distinguished by styling properties like stroke dasharray.

MMarin Govorcin

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

65% match

Loading thumbnail…

New York City Census Tracts

This visualization displays New York City census tract boundaries as a geographic map, rendered using D3’s `d3.geoPath` on a TopoJSON topology loaded from the `tl_2023_36_tract.json` file. The data originates from the 2023 U.S. Census shapefiles, which were simplified with Mapshaper. The map shows the spatial distribution of tracts across the city, with the D3 projection transforming the geographic coordinates into a navigable 2D layout.

CCurran Kelleher

65% match

Loading thumbnail…

Gist 93888ff1e2e309348986d5e9496196c7

This example visualizes the locations of Dutch train stations, distinguishing intercity stations from regular ones through color-coded points. The map is built using D3.js, combining `d3.forceSimulation` with a custom force that projects coordinates onto a map layout, while station markers are rendered as circles. The visualization uses `d3.geoPath` to draw the geographic context, and the underlying data comes from a CSV file listing station names, coordinates, and intercity status. The rendering approach relies on Canvas, with the simulation handling the placement of labels and points to avoid overlap.

JJulesBlm

65% match