Untitled

100%

✓ Published0🌍 Public

Last edited Apr 7, 2021

Created on Apr 7, 2021

An interactive choropleth map of Baltimore neighborhoods reveals selected workforce and economic indicators from 2010 to 2013, using a dropdown menu to switch among dozens of variables like employment rates, business counts, and educational attainment. The map uses d3.geo.mercator and d3.geo.path for geographic rendering, with d3.scale.linear and viridis colors for continuous value fills. A checkbox excludes downtown to rescale the color range, and hovering displays neighborhood names and values. Data originates from Open Baltimore.

AI-generated description

Data: Workforce and Economic Development (2010-2013) from Open Baltimore

MIT Licensed

Similar vizzes

Loading thumbnail…

Untitled

This interactive choropleth map displays neighborhood-level economic and demographic data for a city, with a dropdown menu to select among over 40 metrics such as employment rates, business counts, and commercial property statistics. A checkbox toggles whether downtown neighborhoods are included in the visualization. Hovering over a neighborhood updates a tooltip showing the area’s name and its value for the selected metric. The map is rendered using D3.js with SVG paths from a GeoJSON file, and the dropdown dynamically updates the choropleth’s color scale using the viridis color palette.

KKelsey Xu

84% match

Loading thumbnail…

Untitled

This interactive choropleth map displays a wide range of socioeconomic indicators for city neighborhoods, selectable via a dropdown menu. Built with React and D3.js, it renders neighborhood polygons as SVG paths, with colors encoding the chosen variable. A tooltip reveals the neighborhood name and its exact value on hover. A checkbox toggles the inclusion of the downtown area. The map data is visualized from a linked dataset, allowing for dynamic exploration of employment, education, and business statistics.

KKelsey Xu

84% match

Loading thumbnail…

Interactive Map

This interactive map displays a choropleth of neighborhood-level demographic and economic indicators. A dropdown menu allows selection of various metrics, such as employment rates, business counts, and property values. A checkbox toggles the inclusion of downtown. The map renders neighborhoods as SVG paths, colored with a viridis color scale, using D3.js. Hovering over an area reveals the neighborhood name and its value in a tooltip.

HHenrique Reichert

81% match

Loading thumbnail…

Untitled

An interactive choropleth map of Florianópolis, Brazil, displays neighborhood-level socioeconomic indicators. A dropdown menu allows users to switch between datasets, including employment rates, education levels, and business metrics. Hovering over a neighborhood reveals its name and the selected value in a tooltip. The visualization is built with React, using D3 for map projection and SVG rendering, with data loaded from a GeoJSON file.

HHenrique Reichert

78% match

Loading thumbnail…

Map

This choropleth map of Maryland counties visualizes four demographic and criminal-justice metrics—incarceration count, crime count, population, and incarceration rate—using a dropdown menu to switch between them. The map renders with d3.geoMercator and d3.geoPath, coloring each county via a linear color scale over a teal-to-red palette. Tooltips display county names and values on hover, while a transition animates color changes when the metric switches. The GeoJSON data is loaded through d3.json, and the visualization is built with React, d3.v5, SVG, and animation.

XXiaoyu Su

75% match

Loading thumbnail…

Untitled

This choropleth map shows the population distribution across U.S. counties, with a color scale from light blue to red indicating population magnitude. The visualization is rendered as SVG using D3 v7, employing `d3.geoAlbersUsa` for projection and `d3.geoPath` to draw county boundaries from `counties.json`. Population data is loaded from `PopulationEstimates.csv` and matched to counties by name, with a tooltip showing county name and population on mouseover. The code uses a sequential color scale with an RGB interpolator.

Eeranyoung

73% match

Loading thumbnail…

Untitled

An interactive choropleth map of the United States visualizes county-level population data, sourced from a local `data/us.json` file. Users can click counties to trigger a zoom animation, which reveals their unique identifier via an alert. The map is rendered using D3's geo projection and path APIs, with selections and transitions handled through D3's selection, transition, and animation methods.

AAshishKumar3301

73% match

Loading thumbnail…

Untitled

This interactive map of New York City boroughs uses a Mercator projection to display a choropleth where each region’s fill color reflects the length of its name. Hovering over a borough triggers a playful “text art” effect that cycles through random Google Fonts, while clicking zooms into the selected region. Built with D3 v3 and React, the visualization leverages `d3.geo.path` for map rendering, `d3.scale.linear` for color encoding, and animated SVG transitions for the zoom effect.

YYuren Dong

73% match