feat(registry): add us-map choropleth block

Animated US population density choropleth using D3 geoAlbersUsa
projection with TopoJSON. Includes staggered state reveals, label
fade-ins, gradient legend, and highlight pulses on densest states.
This commit is contained in:
Miguel Ángel
2026-05-17 23:03:35 -04:00
parent 3ec0aa456f
commit b443e7e076
3 changed files with 439 additions and 0 deletions
+20
View File
@@ -0,0 +1,20 @@
{
"$schema": "https://hyperframes.heygen.com/schema/registry-item.json",
"name": "us-map",
"type": "hyperframes:block",
"title": "US Map",
"description": "Animated US choropleth map with staggered state reveals, value labels, and gradient legend — pure inline SVG with GSAP",
"tags": ["data", "map", "geography", "usa", "choropleth"],
"dimensions": {
"width": 1920,
"height": 1080
},
"duration": 12,
"files": [
{
"path": "us-map.html",
"target": "compositions/us-map.html",
"type": "hyperframes:composition"
}
]
}