New Jersey Blocks

100%

New Jersey Blocks

✓ Published0🌍 Public

Last edited Feb 9, 2016

Created on Feb 16, 2013

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.

AI-generated description

Created via make topo/nj-blocks.json as part of the U.S. Atlas.

gpl-3.0 Licensed

Similar vizzes

Loading thumbnail…

Blocky Counties

Blocky Counties visualizes the projected bounding boxes of every US county as square-edged outlines instead of their true shapes. The map renders each county’s axis-aligned bounding rectangle computed from its projected geometry, producing a blocky, grid-like silhouette of the nation. The code uses d3.geo.path with an Albers USA projection, iterates over counties from a TopoJSON file, and builds SVG path data with `M`, `H`, `V`, and `Z` commands based on the bounds returned by `path.bounds`. The result is a stylized, abstract representation of county positions and extents.

Mmbostock

74% match

Loading thumbnail…

New Jersey State Plane

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.

Mmbostock

73% match

Loading thumbnail…

Blocky Counties

This example visualizes the lat-lon bounding box for each county in the United States, rendering blocky, rectangular outlines instead of the actual county shapes. The map uses the Albers USA projection and displays all county bounding boxes as steel-blue, stroked paths on an SVG canvas. The code loads US county data from a JSON file, then applies `d3.geo.bounds` to compute each county’s geographic extent, which is drawn via a single `d3.geo.path` object. It relies on the `d3.geo` module and `topojson.feature` to filter and structure the geographic features.

Mmbostock

73% 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…

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.

69% match

Loading thumbnail…

NYS Map

This visualization displays a map of New York State’s counties, rendered as an SVG using React and D3. The code employs `d3.geoAlbersUsa` for projection, `d3.geoPath` for drawing, and TopoJSON to parse the county boundaries from a remote gist. County outlines are shown in white with black strokes, while interstate borders are hidden with no stroke. The map is static and loads asynchronously via `d3.json`, displaying a loading message until the data is ready.

Llupica.matthew@gmail.com

68% match

Loading thumbnail…

ONE MAP TO RULE THEM ALL!

This example visualizes a static map of New York State’s counties, rendered as green filled paths on a light background. The code loads a TopoJSON file from a GitHub Gist and converts it into GeoJSON features using the `topojson` library. It then applies the `d3.geoAlbersUsa()` projection and draws each county with `d3.geoPath`. The visualization is framed within a 900-by-600 SVG container, with the map’s shape defined by the provided data and a simple border, but it includes no interactive or clickable elements despite the page’s title.

Llupica.matthew@gmail.com

67% match

Loading thumbnail…

fresh block

This example visualizes a map of the United States using the D3.js library and a TopoJSON dataset of state boundaries. The visualization renders the geographic outlines of U.S. states from the USA.json TopoJSON file, using the d3.geomap plugin to project and display the map. The page is styled full-screen with an SVG element that fills the viewport. The key visual encoding is the use of state polygons with names and IDs, which enables interactive selection and highlighting of individual states, though no interaction code is included in this basic setup. The design is minimal, focusing on the clean presentation of state shapes in a neutral white background.

CCurran Kelleher

67% match