Solar system scale
A primitive symbol layout for circles, tonal contrast, and labels.
Scene JSON
{
"version": "0.1",
"id": "solar-system-scale",
"title": "Solar system scale",
"description": "A primitive symbol layout for circles, tonal contrast, and labels.",
"canvas": {
"width": 980,
"height": 360,
"background": "background",
"padding": 40
},
"theme": {
"id": "clean-light"
},
"nodes": [
{
"id": "title",
"x": 490,
"y": 58,
"type": "text",
"text": "Solar system scale",
"fontSize": 28,
"align": "center"
},
{
"id": "axis",
"style": {
"stroke": "line",
"strokeWidth": 2
},
"accessibility": {
"role": "decorative"
},
"type": "line",
"points": [
{
"x": 130,
"y": 192
},
{
"x": 860,
"y": 192
}
]
},
{
"id": "sun",
"x": 130,
"y": 192,
"style": {
"fill": "accent",
"stroke": "background",
"strokeWidth": 1.4
},
"type": "circle",
"radius": 42,
"label": "Sun"
},
{
"id": "mercury",
"x": 260,
"y": 192,
"style": {
"fill": "#b8b8ae",
"stroke": "background",
"strokeWidth": 1.4
},
"type": "circle",
"radius": 10,
"label": "Mercury"
},
{
"id": "venus",
"x": 360,
"y": 192,
"style": {
"fill": "#d8d8d0",
"stroke": "background",
"strokeWidth": 1.4
},
"type": "circle",
"radius": 15,
"label": "Venus"
},
{
"id": "earth",
"x": 470,
"y": 192,
"style": {
"fill": "#303030",
"stroke": "background",
"strokeWidth": 1.4
},
"type": "circle",
"radius": 16,
"label": "Earth"
},
{
"id": "mars",
"x": 585,
"y": 192,
"style": {
"fill": "#9a9a9a",
"stroke": "background",
"strokeWidth": 1.4
},
"type": "circle",
"radius": 12,
"label": "Mars"
},
{
"id": "jupiter",
"x": 740,
"y": 192,
"style": {
"fill": "#c7c7be",
"stroke": "background",
"strokeWidth": 1.4
},
"type": "circle",
"radius": 30,
"label": "Jupiter"
},
{
"id": "sunLabel",
"x": 130,
"y": 270,
"type": "text",
"text": "Sun",
"fontSize": 16,
"align": "center"
},
{
"id": "mercuryLabel",
"x": 260,
"y": 238,
"type": "text",
"text": "Mercury",
"fontSize": 14,
"align": "center"
},
{
"id": "venusLabel",
"x": 360,
"y": 244,
"type": "text",
"text": "Venus",
"fontSize": 14,
"align": "center"
},
{
"id": "earthLabel",
"x": 470,
"y": 246,
"type": "text",
"text": "Earth",
"fontSize": 14,
"align": "center"
},
{
"id": "marsLabel",
"x": 585,
"y": 240,
"type": "text",
"text": "Mars",
"fontSize": 14,
"align": "center"
},
{
"id": "jupiterLabel",
"x": 740,
"y": 256,
"type": "text",
"text": "Jupiter",
"fontSize": 14,
"align": "center"
}
]
}