This is a full copy&paste ready example for part 3) in the Apps - Getting Started article.


{
  "version": "0.1",
  "screens": [
    {
      "layout": "largeLayout",
      "conditions": {
        "minScreenWidth": 2000
      }
    },
    {
      "layout": "defaultLayout"
    }
  ],
  "layouts": [
    {
      "id": "defaultLayout",
      "type": "fixedGrid",
      "config": {
        "dim": {
          "x": 24,
          "y": 24
        },
        "containers": [
          {
            "id": "container1",
            "pos": {
              "x": 1,
              "y": 1
            },
            "size": {
              "w": 24,
              "h": 4
            }
          },
          {
            "id": "container2",
            "pos": {
              "x": 1,
              "y": 5
            },
            "size": {
              "w": 24,
              "h": 10
            }
          },
          {
            "id": "container3",
            "pos": {
              "x": 1,
              "y": 15
            },
            "size": {
              "w": 24,
              "h": 10
            }
          }
        ]
      },
      "placements": [
        {
          "containerId": "container1",
          "elementId": "helloWorld"
        },
        {
          "containerId": "container2",
          "elementId": "myHighchartsElement"
        },
        {
          "containerId": "container3",
          "elementId": "myHighchartsElement"
        }
      ]
    },
    {
      "id": "largeLayout",
      "type": "fixedGrid",
      "config": {
        "dim": {
          "x": 24,
          "y": 24
        },
        "containers": [
          {
            "id": "container1",
            "pos": {
              "x": 1,
              "y": 1
            },
            "size": {
              "w": 24,
              "h": 4
            }
          },
          {
            "id": "container2",
            "pos": {
              "x": 1,
              "y": 5
            },
            "size": {
              "w": 12,
              "h": 20
            }
          },
          {
            "id": "container3",
            "pos": {
              "x": 13,
              "y": 5
            },
            "size": {
              "w": 12,
              "h": 20
            }
          }
        ]
      },
      "placements": [
        {
          "containerId": "container1",
          "elementId": "helloWorld"
        },
        {
          "containerId": "container2",
          "elementId": "myHighchartsElement"
        },
        {
          "containerId": "container3",
          "elementId": "myHighchartsElement"
        }
      ]
    }
  ],
  "elements": [
    {
      "id": "helloWorld",
      "type": "html",
      "config": {
        "html": "<h1>Hello World!</h1>"
      }
    },
    {
      "id": "myHighchartsElement",
      "type": "highcharts",
      "source": "raw_testSource",
      "config": {
        "title": {
          "text": "My Chart"
        },
        "subtitle": {
          "text": "My Untitled Chart"
        },
        "exporting": {},
        "yAxis": {
          "title": {}
        },
        "series": [
          {
            "name": "Tokyo",
            "turboThreshold": 0
          },
          {
            "name": "New York",
            "turboThreshold": 0
          },
          {
            "name": "Berlin",
            "turboThreshold": 0
          },
          {
            "name": "London",
            "turboThreshold": 0
          }
        ],
        "plotOptions": {
          "series": {
            "animation": false
          }
        },
      }
    }
  ],
  "datasources": [
    {
      "id": "raw_testSource",
      "origin": "raw",
      "config": {
        "schema": "table",
        "data": [
          {
            "Categories": "Jan",
            "Berlin": 1.5,
            "Tokyo": 2.2,
            "New York": 2.3,
            "London": 1.1
          },
          {
            "Categories": "Feb",
            "Berlin": 2.1,
            "Tokyo": 2.8,
            "New York": 2.9,
            "London": 3.1
          },
          {
            "Categories": "Mar",
            "Berlin": 1.2,
            "Tokyo": 20.8,
            "New York": 2.1,
            "London": 2.4
          },
          {
            "Categories": "Apr",
            "Berlin": 0.2,
            "Tokyo": 4.2,
            "New York": 3.7,
            "London": 2.5
          }
        ]
      }
    }
  ]
}