Skip to content

Commit ae1716d

Browse files
committed
feat(registry): add spain-map block + fix MDX preview paths
New block: spain-map — animated Spain choropleth by autonomous community using D3 conic conformal projection with GDP per capita data and red-to-amber color scale. Also switches all map MDX preview URLs from S3 to local paths so they render in mintlify dev without needing S3 upload first.
1 parent dba158d commit ae1716d

10 files changed

Lines changed: 465 additions & 6 deletions

File tree

docs/catalog/blocks/spain-map.mdx

Lines changed: 44 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,44 @@
1+
---
2+
title: "Spain Map"
3+
description: "Animated Spain choropleth by autonomous community with staggered reveals and gradient legend"
4+
---
5+
6+
# Spain Map
7+
8+
Animated Spain choropleth by autonomous community with staggered reveals and gradient legend — D3 conic conformal projection with GSAP timeline. GDP per capita data with warm red-to-amber color scale.
9+
10+
`data` `map` `geography` `spain` `europe` `choropleth`
11+
12+
<video className="w-full aspect-video rounded-xl object-cover bg-zinc-100 dark:bg-zinc-800" src="/images/catalog/blocks/spain-map.mp4" poster="/images/catalog/blocks/spain-map.png" autoPlay muted loop playsInline />
13+
14+
## Install
15+
16+
<CodeGroup>
17+
18+
```bash Terminal
19+
npx hyperframes add spain-map
20+
```
21+
22+
</CodeGroup>
23+
24+
## Details
25+
26+
| Property | Value |
27+
| --- | --- |
28+
| Type | Block |
29+
| Dimensions | 1920×1080 |
30+
| Duration | 12s |
31+
32+
## Files
33+
34+
| File | Target | Type |
35+
| --- | --- | --- |
36+
| `spain-map.html` | `compositions/spain-map.html` | hyperframes:composition |
37+
38+
## Usage
39+
40+
After installing, add the block to your host composition:
41+
42+
```html
43+
<div data-composition-id="spain-map" data-composition-src="compositions/spain-map.html" data-start="0" data-duration="12" data-track-index="1" data-width="1920" data-height="1080"></div>
44+
```

docs/catalog/blocks/us-map-bubble.mdx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -9,7 +9,7 @@ Animated US bubble map with proportional city markers, value callouts, and conne
99

1010
`data` `map` `geography` `usa` `bubble` `cities`
1111

12-
<video className="w-full aspect-video rounded-xl object-cover bg-zinc-100 dark:bg-zinc-800" src="https://static.heygen.ai/hyperframes-oss/docs/images/catalog/blocks/us-map-bubble.mp4" poster="https://static.heygen.ai/hyperframes-oss/docs/images/catalog/blocks/us-map-bubble.png" autoPlay muted loop playsInline />
12+
<video className="w-full aspect-video rounded-xl object-cover bg-zinc-100 dark:bg-zinc-800" src="/images/catalog/blocks/us-map-bubble.mp4" poster="/images/catalog/blocks/us-map-bubble.png" autoPlay muted loop playsInline />
1313

1414
## Install
1515

docs/catalog/blocks/us-map-flow.mdx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -9,7 +9,7 @@ Animated connection arcs between US cities over a base map — composable origin
99

1010
`data` `map` `geography` `usa` `flow` `connections` `arcs`
1111

12-
<video className="w-full aspect-video rounded-xl object-cover bg-zinc-100 dark:bg-zinc-800" src="https://static.heygen.ai/hyperframes-oss/docs/images/catalog/blocks/us-map-flow.mp4" poster="https://static.heygen.ai/hyperframes-oss/docs/images/catalog/blocks/us-map-flow.png" autoPlay muted loop playsInline />
12+
<video className="w-full aspect-video rounded-xl object-cover bg-zinc-100 dark:bg-zinc-800" src="/images/catalog/blocks/us-map-flow.mp4" poster="/images/catalog/blocks/us-map-flow.png" autoPlay muted loop playsInline />
1313

1414
## Install
1515

docs/catalog/blocks/us-map-hex.mdx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -9,7 +9,7 @@ Animated hexagonal tile grid map — each state as an equal-weight hex with data
99

1010
`data` `map` `geography` `usa` `hexgrid` `tilegrid`
1111

12-
<video className="w-full aspect-video rounded-xl object-cover bg-zinc-100 dark:bg-zinc-800" src="https://static.heygen.ai/hyperframes-oss/docs/images/catalog/blocks/us-map-hex.mp4" poster="https://static.heygen.ai/hyperframes-oss/docs/images/catalog/blocks/us-map-hex.png" autoPlay muted loop playsInline />
12+
<video className="w-full aspect-video rounded-xl object-cover bg-zinc-100 dark:bg-zinc-800" src="/images/catalog/blocks/us-map-hex.mp4" poster="/images/catalog/blocks/us-map-hex.png" autoPlay muted loop playsInline />
1313

1414
## Install
1515

docs/catalog/blocks/us-map.mdx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -9,7 +9,7 @@ Animated US choropleth map with staggered state reveals, value labels, and gradi
99

1010
`data` `map` `geography` `usa` `choropleth`
1111

12-
<video className="w-full aspect-video rounded-xl object-cover bg-zinc-100 dark:bg-zinc-800" src="https://static.heygen.ai/hyperframes-oss/docs/images/catalog/blocks/us-map.mp4" poster="https://static.heygen.ai/hyperframes-oss/docs/images/catalog/blocks/us-map.png" autoPlay muted loop playsInline />
12+
<video className="w-full aspect-video rounded-xl object-cover bg-zinc-100 dark:bg-zinc-800" src="/images/catalog/blocks/us-map.mp4" poster="/images/catalog/blocks/us-map.png" autoPlay muted loop playsInline />
1313

1414
## Install
1515

docs/catalog/blocks/world-map.mdx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -9,7 +9,7 @@ Animated world choropleth with country-by-country reveal, gradient legend, and h
99

1010
`data` `map` `geography` `world` `choropleth`
1111

12-
<video className="w-full aspect-video rounded-xl object-cover bg-zinc-100 dark:bg-zinc-800" src="https://static.heygen.ai/hyperframes-oss/docs/images/catalog/blocks/world-map.mp4" poster="https://static.heygen.ai/hyperframes-oss/docs/images/catalog/blocks/world-map.png" autoPlay muted loop playsInline />
12+
<video className="w-full aspect-video rounded-xl object-cover bg-zinc-100 dark:bg-zinc-800" src="/images/catalog/blocks/world-map.mp4" poster="/images/catalog/blocks/world-map.png" autoPlay muted loop playsInline />
1313

1414
## Install
1515

docs/docs.json

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -195,7 +195,8 @@
195195
"catalog/blocks/us-map-bubble",
196196
"catalog/blocks/us-map-hex",
197197
"catalog/blocks/us-map-flow",
198-
"catalog/blocks/world-map"
198+
"catalog/blocks/world-map",
199+
"catalog/blocks/spain-map"
199200
]
200201
},
201202
{
Lines changed: 17 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,17 @@
1+
{
2+
"$schema": "https://hyperframes.heygen.com/schema/registry-item.json",
3+
"name": "spain-map",
4+
"type": "hyperframes:block",
5+
"title": "Spain Map",
6+
"description": "Animated Spain choropleth by autonomous community with staggered reveals and gradient legend — D3 conic conformal projection",
7+
"tags": ["data", "map", "geography", "spain", "europe", "choropleth"],
8+
"dimensions": { "width": 1920, "height": 1080 },
9+
"duration": 12,
10+
"files": [
11+
{
12+
"path": "spain-map.html",
13+
"target": "compositions/spain-map.html",
14+
"type": "hyperframes:composition"
15+
}
16+
]
17+
}

0 commit comments

Comments
 (0)