Finland Bar (example) 

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <script src="http://json-stat.org/lib/json-stat.js"></script>
    <link rel="stylesheet" href="http://idescat.github.io/visual/visual.css" />
    <script src="http://idescat.github.io/visual/lazyvisualsetup.js"></script>
  </head>

  <body>
    <div id="visual" class="visual"></div>

    <script>
    url="http://pxnet2.stat.fi/PXWeb/api/v1/en/StatFin/tym/tyti/050_tyti_tau_101.px";
    query={
  "query": [
    {
      "code": "Sukupuoli",
      "selection": {
        "filter": "item",
        "values": [
          "1",
          "2"
        ]
      }
    },
    {
      "code": "Ikäluokka",
      "selection": {
        "filter": "item",
        "values": [
          "T74"
        ]
      }
    },
    {
      "code": "Tiedot",
      "selection": {
        "filter": "item",
        "values": [
          "Tyottomat"
        ]
      }
    }
  ],
  "response": {
    "format": "json-stat"
  }
};

    function main(obj){
      ds=JSONstat(obj).Dataset(0);

      //Line Chart
      visual({
        lang: "en",
        type: "tsbar",
        stacked: true,

        title: ds.label,
        footer: ds.source,

        time: ds.Dimension("Vuosi", false),
        data: [
          {
            label: ds.Dimension("Sukupuoli").Category("1").label,
            val: ds.Data({"Sukupuoli": "1"}, false)
          },
          {
            label: ds.Dimension("Sukupuoli").Category("2").label,
            val: ds.Data({"Sukupuoli": "2"}, false)
          }
        ]
      });
    }

    POST(url, query, main);

    function POST(url, query, main){
      fetch( url, { method: "post", body: JSON.stringify(query) } )
        .then(function(resp) {
          resp.json().then(main);
        })
      ;
    }
    </script>
  </body>
</html>
Select

Presentation and Programme

Consuming Nordic Statbank data with JSON-stat (slides) Nordiskt statistikermöte (programmme)

Templates and Examples (Browser supporting Fetch required. For example, Google Chrome)

Bar Chart (template) Pyramid (template) Line Chart (template) Map (template) jQuery Post (template) Async JSONstat (template) Responsive Iframe (template) Sweden Bar (example) Norway Pyramid (example) Denmark Pyramid (example) Finland Bar (example) Greenland Pyramid (example) Faroe Islands Pyramid (example) Iceland Line (example) Norway Map (example)

Sample Data

Sweden Norway Denmark Finland Greenland Faroe Islands Iceland Norway

Tools

JSON-stat Viewer JSON-stat Browser JSON-stat Input Browser JSON-stat Console JSON-stat Javascript Toolkit JSON-stat