Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Florida Counties

Public visualization

Viewing a saved revision (read-only)

9c25619ad6864523bff9ba5b2faee55b

Florida Counties

0 stars1🌍 Public
RRavneet Singh Bhatia
Last edited Oct 8, 2025
Created on Oct 2, 2025
Forked from D3 Starter

A choropleth map of Florida’s counties uses a Mercator projection fitted to the state’s boundaries, with each county rendered as a gray SVG path. Hovering highlights the county in greenyellow and displays its name in a tooltip. The visualization loads TopoJSON data, converts it to GeoJSON via `topojson.feature`, and projects it with `d3.geoPath` and `d3.geoMercator`. Mouse events (`mouseover`, `mousemove`, `mouseout`) dynamically position and toggle the tooltip’s opacity, while `fitSize` ensures the map fills the viewport.

AI-generated description