Ohio State Plane (N)

100%

Ohio State Plane (N)

✓ Published0🌍 Public

Last edited Feb 9, 2016

Created on Apr 9, 2013

A choropleth of Ohio’s counties uses the state plane north projection, rendered as SVG paths. The map displays county boundaries and names sourced from the us-atlas TopoJSON, with hover highlighting in orange. The code calls `d3.geo.conicConformal` with custom parallels and rotation, then uses `d3.geo.path` and `topojson.feature` to draw shapes, automatically scaling and translating the projection to fit.

AI-generated description

The counties of Ohio, generated via the us-atlas and using the Ohio State Plane North projection, part of the State Plane Coordinate System.

gpl-3.0 Licensed

Similar vizzes

Loading thumbnail…

World Map to Ohio Map

This visualization renders a world map from TopoJSON country boundaries using D3’s `geoEqualEarth` projection and `geoPath`. The React component loads the world-atlas dataset via `useData` and draws each country as an SVG path with a teal stroke. Although titled “World Map to Ohio Map,” the code only displays the global map without zooming or transitioning to Ohio, despite the CSS styling paths thickly for emphasis. The visualization relies on `topojson.feature` to convert TopoJSON to GeoJSON for rendering.

88DancingElephants

75% match

Loading thumbnail…

Project to Bounding Box

This example demonstrates how to center a map on a specific geographic feature and scale it to fill the viewport. It isolates Ohio from a GeoJSON dataset of US states, calculates the feature's bounding box, and applies Albers projection with custom scaling and translation to fit the map. The visualization renders the full US states in gray, state boundary mesh lines in white, and highlights the selected Ohio outline in dark gray. The code uses d3.geo.albers, d3.geo.path, and the topojson library for feature extraction and mesh generation.

FFrissAnalytics

73% match

Loading thumbnail…

Choropleth Map, COVID, Ohio

This choropleth map visualizes COVID-19 case counts across Ohio counties, using a yellow-to-red sequential color scale to encode the number of cases per county. The map renders SVG paths via `d3.geoPath` with a Natural Earth projection, drawing county boundaries from World Atlas TopoJSON and overlaying graticules and land features. React manages the component state, while D3 modules (`scaleSequential`, `schemeYlOrRd`, `csv`, `json`) load the data and compute the color mapping. The visualization shows case data from a CSV hosted on GitHub, with the color scale domains set dynamically based on the maximum case count.

88DancingElephants

72% match

Loading thumbnail…

U.S. Counties TopoJSON

This map displays the boundaries of every county in the United States using data from a TopoJSON file fetched from `https://d3js.org/us-10m.v1.json`. It renders the county shapes as filled SVG paths, with a white mesh overlay showing county borders via `topojson.mesh`. Hovering over any county turns it red. The visualization is built with D3 v4, using `d3.geoPath` to project the geometry and `topojson.feature` to extract the features, relying on the `us-atlas` TopoJSON data source.

Mmbostock

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

70% match

Loading thumbnail…

Country Map

This example renders a choropleth-style map of United States counties on an SVG canvas. Each county polygon is drawn as a purple path with white strokes, and hovered counties turn red, with the county name appearing as a tooltip. The visualization uses D3 v5’s `geoAlbersUsa` projection with `geoPath` to generate the shapes, and TopoJSON’s `feature` method to parse county boundaries from the us-atlas dataset. County names come from the TopoJSON properties, while the map loads via a remote JSON URL.

AAashish Pandey

70% match

Loading thumbnail…

Map D3

This map displays the counties of the United States using a natural Earth projection. The visualization draws each county as a separate SVG path, with white fill and black borders. The code loads TopoJSON data from a remote source, converts it to GeoJSON using the `topojson.feature` API, and renders it with `d3.geoPath` and `d3.geoNaturalEarth1`. It utilizes the D3 v5 library and appends all shapes within a single SVG container.

CChristopher Repka

70% match

Loading thumbnail…

test

This example displays a choropleth map of the United States, rendering counties and states as colored vector paths. The visualization shows the geographic boundaries of counties, states, and the national outline using a green fill for county areas. Built with D3 v4 and the topojson-client library, it loads US Atlas TopoJSON data and applies projection with `d3.geoPath`. The code distinguishes regions by filtering counties into their respective states and traces state and national borders with distinct stroke widths.

AAnaMal08

70% match