Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Chroropleth Map with slider (d3v7)

Public visualization

Viewing a saved revision (read-only)

d63ea913741f4879abba367b4277f00c

Chroropleth Map with slider (d3v7)

0 stars0🌍 Public
AAlark Joshi
Last edited Apr 23, 2024
Created on Apr 23, 2024
Forked from HTML Starter

A choropleth map of Oklahoma counties displays student-to-teacher ratios, with an interactive range slider. The map’s fill colors update over time as users drag the slider from 1987 to 2010. The visualization is built with D3 v7, using `d3.geoConicConformal`, `d3.geoPath`, and `topojson.feature` to render map shapes from a loaded JSON file. The slider event triggers a `switch` to update county colors based on yearly data.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

See also React Starter.