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)

4bcd113ef2ec445aa89b520e44a3af39

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

Choropleth Map with slider that is based on this sample from https://gist.github.com/darrenjaworski/5397202.

The example has been upgraded from d3v3 to d3v7.