Three branches
A hierarchy-style composition using primitive rectangles and connectors.
Scene JSON
{
"version": "0.1",
"id": "three-branches-government",
"title": "Three branches",
"description": "A hierarchy-style composition using primitive rectangles and connectors.",
"canvas": {
"width": 900,
"height": 520,
"background": "background",
"padding": 40
},
"theme": {
"id": "clean-light"
},
"nodes": [
{
"id": "title",
"x": 450,
"y": 58,
"type": "text",
"text": "Three branches",
"fontSize": 28,
"align": "center"
},
{
"id": "root",
"x": 320,
"y": 110,
"width": 260,
"height": 88,
"style": {
"fill": "#d8d8d0",
"stroke": "background",
"strokeWidth": 1.4
},
"type": "roundedRect",
"radius": 8,
"label": "Government"
},
{
"id": "rootLabel",
"x": 450,
"y": 163,
"type": "text",
"text": "Government",
"fontSize": 22,
"fontWeight": 650,
"align": "center"
},
{
"id": "leg",
"x": 90,
"y": 310,
"width": 210,
"height": 120,
"style": {
"fill": "#f6f6f1",
"stroke": "background",
"strokeWidth": 1.4
},
"type": "roundedRect",
"radius": 8,
"label": "Legislative"
},
{
"id": "exec",
"x": 345,
"y": 310,
"width": 210,
"height": 120,
"style": {
"fill": "#e3e3dc",
"stroke": "background",
"strokeWidth": 1.4
},
"type": "roundedRect",
"radius": 8,
"label": "Executive"
},
{
"id": "jud",
"x": 600,
"y": 310,
"width": 210,
"height": 120,
"style": {
"fill": "#cfcfc6",
"stroke": "background",
"strokeWidth": 1.4
},
"type": "roundedRect",
"radius": 8,
"label": "Judicial"
},
{
"id": "rootToLeg",
"style": {
"stroke": "accent",
"strokeWidth": 2.4
},
"accessibility": {
"role": "decorative"
},
"type": "line",
"points": [
{
"x": 450,
"y": 198
},
{
"x": 195,
"y": 310
}
]
},
{
"id": "rootToExec",
"style": {
"stroke": "accent",
"strokeWidth": 2.4
},
"accessibility": {
"role": "decorative"
},
"type": "line",
"points": [
{
"x": 450,
"y": 198
},
{
"x": 450,
"y": 310
}
]
},
{
"id": "rootToJud",
"style": {
"stroke": "accent",
"strokeWidth": 2.4
},
"accessibility": {
"role": "decorative"
},
"type": "line",
"points": [
{
"x": 450,
"y": 198
},
{
"x": 705,
"y": 310
}
]
},
{
"id": "legLabel",
"x": 195,
"y": 362,
"width": 150,
"type": "text",
"text": "Legislative\nmakes laws",
"fontSize": 18,
"align": "center",
"wrap": true
},
{
"id": "execLabel",
"x": 450,
"y": 358,
"width": 150,
"type": "text",
"text": "Executive\ncarries out laws",
"fontSize": 18,
"align": "center",
"wrap": true
},
{
"id": "judLabel",
"x": 705,
"y": 358,
"width": 150,
"type": "text",
"text": "Judicial\ninterprets laws",
"fontSize": 18,
"align": "center",
"wrap": true
}
]
}