Lab: Grid Layout

Rendered layout

Edit components and update layout.

Author mode

Interactive Components Options

[ { "model": true, "id": "model", "aspectRatio": 0.7, "x": 0, "y": 0, "width": 4, "height": 5, "color": "orange" }, { "id": "line-graph", "color": "blue", "x": 4, "y": 0, "height": 5, "aspectRatio": 0.6 }, { "id": "bar-graph", "color": "gold", "x": -1, "y": 0, "width": 1, "height": 5 }, { "id": "button1", "color": "red", "x": -1, "y": -1, "width": 1, "height": 1 }, { "id": "button2", "color": "green", "x": 2, "y": -1, "width": 1, "height": 1 } ]