Rock cycle
A five-step cycle to stress-test curved arrows and label spacing.
Scene JSON
{
"version": "0.1",
"id": "rock-cycle",
"title": "Rock cycle",
"description": "A five-step cycle to stress-test curved arrows and label spacing.",
"canvas": {
"width": 900,
"height": 560,
"background": "background",
"padding": 40
},
"theme": {
"id": "clean-light"
},
"nodes": [
{
"id": "title",
"x": 450,
"y": 60,
"type": "text",
"text": "Rock cycle",
"fontSize": 28,
"align": "center"
},
{
"id": "cycle",
"x": 65,
"y": 100,
"width": 770,
"height": 450,
"accessibility": {
"label": "Rock cycle diagram",
"role": "img"
},
"type": "component",
"component": "CycleDiagram",
"props": {
"items": [
{
"id": "magma",
"label": "Magma cools",
"icon": "sun"
},
{
"id": "igneous",
"label": "Igneous rock",
"icon": "circle"
},
{
"id": "sediment",
"label": "Sediment",
"icon": "water"
},
{
"id": "sedimentary",
"label": "Sedimentary rock",
"icon": "book"
},
{
"id": "metamorphic",
"label": "Metamorphic rock",
"icon": "loop"
}
],
"clockwise": true
}
}
]
}