New Jersey State Plane

100%

New Jersey State Plane

✓ Published0🌍 Public

Last edited Jul 29, 2016

Created on Mar 10, 2013

This example displays census tracts in New Jersey projected using a transverse Mercator projection, with an origin of 74° 30′ W and 38° 50′ N, as defined by the State Plane Coordinate System. The map is generated from TopoJSON data and rendered as SVG paths. It uses d3.geoPath with a d3.geoTransverseMercator projection, and the projection’s scale and translation are set automatically using the fitExtent method. Census tract polygons are colored light gray and highlight orange on hover.

AI-generated description

An example of the New Jersey state plane, a transverse Mercator projection with an origin of 74° 30′ W and 38° 50′ N. The projections for each state are defined in the USGS publication, State Plane Coordinate System of 1983. This map shows census tracts; the data is available as TopoJSON in the U.S. Atlas project.

This example uses projection.fitExtent to set the projection’s scale and translate automatically from the displayed geometry.

gpl-3.0 Licensed

Similar vizzes

Loading thumbnail…

New York Census Tracts

A map of New York State census tracts appears in gray, with orange highlighting on hover and dark borders outlining each tract. The visualization uses D3.js (v3) with TopoJSON to load and project geographic data from `ny.json`, and `d3.geo.path()` converts the topology features into SVG paths. The data is filtered to exclude water counties, and tract IDs are displayed as tooltips.

Mmbostock

74% match

Loading thumbnail…

New Jersey Blocks

New Jersey Blocks is a static map of New Jersey’s counties, rendered as a grid of square blocks instead of their true geographic shapes. The visualization uses a custom layout where each county is represented by a block, with the arrangement derived from topological data. The graphic is generated through a Makefile process that converts GeoJSON topology into a block-based representation, and the final image is displayed in an HTML page. The code relies on the U.S. Atlas repository for the source data and uses standard web rendering to present the resulting PNG.

Mmbostock

73% match

Loading thumbnail…

New York Census Tracts

A choropleth-style map of New York census tracts renders all tract polygons in gray, with tract borders drawn in dark gray to reveal the state's internal administrative divisions. The visualization loads pre-projected TopoJSON geographic data (`ny.json`), which the code trims by excluding water-only county rows. Using d3.geo.path with a null projection for rendering and topojson.feature to convert the geometry, the map displays tract IDs as SVG title tooltips on hover. The style uses default light gray fills for each tract polygon.

CCurran Kelleher

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

72% match

Loading thumbnail…

New York Map

This map of New York census tracts uses a green sequential color scale to show the concentration of white residents per tract, with darker greens indicating higher counts. The visualization fetches census tract boundaries as TopoJSON and demographic data from the American Community Survey API, then joins them by tract ID. The code uses d3.geoPath to render the SVG paths and d3.scaleSequential with interpolateGreens for color encoding, while d3.zoom enables interactive panning and zooming of the map.

AAnnie Ulichney

70% match

Loading thumbnail…

NJ Income

This interactive visualization displays demographic and income data for New Jersey, showing population counts or average incomes as scaled circles positioned by geographic coordinates on a county map. Users select which attribute to display via a dropdown menu, while a histogram below shows age distribution, with a d3.brushX selection filtering the map circles to show only data within the selected age range. The map uses d3.geoMercator projection with d3.geoPath to render county boundaries from TopoJSON, while circles are sized with d3.scaleSqrt based on the chosen metric, with data sourced from a CSV file containing individual income records.

EEdison Gu

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

68% match

Loading thumbnail…

Untitled

This example visualizes the counties of New York State using a Transverse Mercator projection, with state boundaries outlined and counties filled in gray. Hovering over a county highlights it in light blue. The code loads US TopoJSON data via `d3.json`, extracts New York using `topojson.feature`, and applies a clipping path to restrict county paths to the state outline. It uses `d3.geo.path` for rendering and `path.bounds` to auto-fit the projection scale and translation.

AAnnie Ulichney

67% match