jQuery Post (template)
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <script src="http://json-stat.org/lib/json-stat.js"></script> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.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=""; query={}; function main(obj){ ds=JSONstat(obj).Dataset(0); //Line Chart visual({ lang: "en", type: "tsline", title: "Time Series Template", footer: "Source...", time: [ "2013", "2014", "2015", "2016" ], data: [ { label: "Series1", val: [100, 200, 300, 400] }, { label: "Series2", val: [50, 100, 150, 250] } ] }); } $.post({ url: url, data: JSON.stringify(query), success: main }); </script> </body> </html>
Presentation and Programme
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)