100%

Map of USA create map for counties NY

✓ Published0🌍 Public

Last edited May 6, 2025

Created on May 6, 2025

A choropleth map of New York State displays the percentage of adults aged 25 and older with a bachelor’s degree or higher, using a yellow-green sequential color scale for each county. The visualization is built with React and D3, using the `geoMercator` projection and `geoPath` to render filtered county and state borders from TopoJSON. The USDA Economic Research Service dataset for 2010–2014 provides county-level education values, with interactive tooltips showing details on hover.

AI-generated description

New York State Educational Attainment Map

This visualization shows a choropleth map of educational attainment across counties in New York State. The map displays the percentage of adults age 25 and older with a bachelor's degree or higher in each county.

Data is sourced from USDA Economic Research Service (2010-2014).

Features

Interactive choropleth map focused solely on New York State
Tooltip displaying county-specific information
Color legend showing the data range
Responsive design for various screen sizes

MIT Licensed

Similar vizzes

Loading thumbnail…

Map of USA

This interactive choropleth map displays the percentage of adults age 25 and older with a bachelor's degree or higher across US counties, using data from the USDA Economic Research Service and TopoJSON map data from the US Census Bureau. County polygons are colored on a yellow-green sequential scale via `d3.scaleSequential` and `interpolateYlGn`, with `d3.geoPath` handling the SVG rendering. Hovering over a county reveals a tooltip showing the county name, state, and exact percentage. The visualization also includes a gradient legend built with D3 scales and React components for the header and tooltip.

NNita

89% match

Loading thumbnail…

usa map

This choropleth map shows the percentage of adults aged 25 and older with a bachelor's degree or higher across U.S. counties, using a sequential purple color scale. The visualization is built with React and D3 v5, projecting county boundaries via `d3.geoPath` from a TopoJSON file. County data is loaded from the U.S. Education Data JSON, with counties missing data rendered in gray. Hovering over a county triggers a tooltip displaying the county name and its percentage. A legend uses `d3.scaleThreshold` with a linear scale to map the color ranges.

Rrajamrit-singh

85% match

Loading thumbnail…

USA Education Choropleth Map (fcc project)

This choropleth map shows the percentage of adults with a bachelor’s degree or higher across U.S. counties, using a sequential YlGn color scale. The React app loads county, state, and nation boundaries from a TopoJSON file and education data from freeCodeCamp’s CDN, then renders them as SVG paths via `d3.geoPath`. County colors are assigned by looking up each county’s FIPS code in a Map, with white fill for missing data. State outlines are drawn as a mesh overlay, and the map is generated with `d3.json`, `topojson.feature`, and `scaleSequential`.

Ttomahawk-jupiter

84% match

Loading thumbnail…

test

This choropleth map shades US counties according to the percentage of residents with a bachelor's degree or higher, using an orange-yellow sequential color scale. The visualization leverages React for the SVG rendering, with D3's `geoPath` for drawing county, state, and nation boundaries from a TopoJSON source. Education data is fetched from a freeCodeCamp-hosted JSON file, and county colors are mapped via D3's `scaleSequential` and `interpolateYlOrRd`.

Ttomahawk-jupiter

82% match

Loading thumbnail…

United States Educational Attainment - Choropleth Map

A choropleth map of the United States displays the percentage of adults age 25 and older with a bachelor's degree or higher per county for 2010–2014, using a sequential color scale. The visualization is built with React and D3 v5, rendering counties via `geoPath` from TopoJSON data. It uses `scaleThreshold` for color binning, `scaleLinear` for the legend axis, and interactive tooltips that appear on mouse hover.

LLamaab02

82% match

Loading thumbnail…

Fork of United States Educational Attainment - Choropleth Map

This choropleth map visualizes the percentage of adults aged 25 and older with a bachelor's degree or higher across US counties from 2010-2014. Counties are colored using a sequential purple color scale, with gray indicating missing data. Built with React and D3 v5, it uses `d3.geoPath` to render county boundaries from a TopoJSON file and `d3.scaleThreshold` to define color bins. Hovering over a county triggers a tooltip displaying the county name, state, and percentage.

HHasan Ismayilov

81% match

Loading thumbnail…

Choropleth Maps

This choropleth map displays the percentage of adults with a bachelor’s degree or higher across U.S. counties for 2015–19, using a purple sequential color scale (d3.schemePurples) with a threshold legend. County boundaries are drawn via d3.geoPath, while state outlines are rendered as white meshes using topojson.mesh. Hovering a county highlights it with a black stroke via mouseover/mouseleave transitions. The data merges TopoJSON geographic shapes with CSV values keyed by FIPS codes, and the visualization is built with React and SVG inside a D3 v5 environment.

PPranay Matalia

81% match

Loading thumbnail…

United States Educational Attainment - Choropleth Map

This choropleth map visualizes the percentage of adults aged 25 and older with a bachelor's degree or higher across U.S. counties, using data from the FreeCodeCamp education dataset. Counties are colored on a purple sequential scale, with gray indicating missing data. Built with React and D3 v5, the visualization uses `d3.geoPath` to render county boundaries from TopoJSON and `d3.scaleThreshold` to map education percentages to colors. A custom tooltip, implemented via global D3 selectors, displays county name, state, and value on hover, while a legend shows the threshold color scale.

MMohammed Banani | MbDev

81% match