Skip to content

Instantly share code, notes, and snippets.

@badosa

badosa/geturl.js

Last active November 21, 2019 05:25
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save badosa/c34d7392cf9c8cec201e to your computer and use it in GitHub Desktop.
Save badosa/c34d7392cf9c8cec201e to your computer and use it in GitHub Desktop.
Download ZIP
datalist() example
Raw
readme.md

This is an example of the datalist() function. See the full table.

Hit Reload to display a different dataset.

Raw
geturl.js
function getURL(){
var
urls=[
"https://ec.europa.eu/eurostat/wdds/rest/data/v2.1/json/en/nama_10r_3gdp?unit=EUR_HAB_EU&precision=1&geoLevel=nuts2&lastTimePeriod=1",
"https://ec.europa.eu/eurostat/wdds/rest/data/v2.1/json/en/demo_r_d3dens?precision=1&geoLevel=nuts3&lastTimePeriod=1",
"https://ec.europa.eu/eurostat/wdds/rest/data/v2.1/json/en/nama_10_gdp?precision=1&na_item=B1GQ&lastTimePeriod=20&unit=CLV_PCH_PRE",
"https://ec.europa.eu/eurostat/wdds/rest/data/v2.1/json/en/ei_lmhu_m?precision=1&lastTimePeriod=24&unit=1000-PERS-NSA&unit=1000-PERS-SA&indic=LM-UN-F-TOT&indic=LM-UN-M-TOT&indic=LM-UN-T-TOT",
"https://ec.europa.eu/eurostat/wdds/rest/data/v2.1/json/en/ei_cphi_m?precision=1&lastTimePeriod=24&unit=HICP2005&unit=RT1&unit=RT12&indic=CP-HI00",
"https://ec.europa.eu/eurostat/wdds/rest/data/v2.1/json/en/tesem120?sex=T&precision=1&age=TOTAL&s_adj=NSA",
"https://data.ssb.no/api/v0/dataset/65195.json?lang=en",
"https://data.ssb.no/api/v0/dataset/1086.json?lang=en",
"https://data.ssb.no/api/v0/dataset/1108.json?lang=en",
"https://www.cso.ie/StatbankServices/StatbankServices.svc/jsonservice/responseinstance/CPM05",
"https://api.statbank.dk/v1/data/PRIS6/JSONSTAT?lang=en&VAREGR=000000&ENHED=300&Tid=(-n%2B24)",
"https://api.statbank.dk/v1/data/AKU100/JSONSTAT?lang=en&valuePresentation=Default&timeOrder=Ascending&Tid=(-n%2B41)&BESKSTATUS=BESTOT%2CAKUL",
"https://www.ige.eu/igebdt/igeapi/jsonstat/datos/5089/1:1:2,2:0,3:0,9915:12,T[all:m]",
"https://www.ige.eu/igebdt/igeapi/jsonstat/datos/151/2:0:2:3:6,9915:12:1501:1502:1503:1504:1505:1506:1507:1508:1509:1510:1511:1512:1513:1514:1515:1516:1517:1518:2701:2702:2703:2704:2705:2706:2707:2708:2709:2710:2711:2712:2713:3201:3202:3203:3204:3205:3206:3207:3208:3209:3210:3211:3212:3601:3602:3603:3604:3605:3606:3607:3608:3609:3610",
"https://www.ige.eu/igebdt/igeapi/jsonstat/datos/7189/T[24:m]",
"https://json-stat.org/samples/oecd.json",
"https://json-stat.org/samples/canada.json",
"https://json-stat.org/samples/galicia.json",
"https://json-stat.org/samples/us-gsp.json",
"https://json-stat.org/samples/us-labor.json"
]
;
return urls[ Math.floor( Math.random() * urls.length ) ];
}
Raw
index.html
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="/d/c34d7392cf9c8cec201e/style.css" />
<script type="text/javascript" src="/d/c34d7392cf9c8cec201e/geturl.js"></script>
<script src="https://cdn.jsdelivr.net/combine/npm/jsonstat@0.13.13,npm/jsonstat-utils@2.5.5"></script>
</head>
<body>
<div id="datalist">Connecting to a random dataset...</div>
<script type="text/javascript">
JSONstat(
getURL(),
function(){
var dl=JSONstatUtils.datalist(
this,
{
counter: true,
tblclass: "datalist",
numclass: "number",
valclass: "value",
vlabel: "VALUE"
}
);
document.getElementById("datalist").innerHTML=dl;
}
);
</script>
</body>
</html>
Raw
style.css
* {
font-family: verdana;
font-size: 12px;
}
.datalist {
width: 100%;
border-width: 0 1px 1px 1px;
border-color: #ccc;
border-style: solid;
}
.datalist caption, .datalist tfoot td {
text-align: left;
color: #fff;
background-color: #666;
}
.datalist caption, .datalist th, .datalist td {
padding: 6px;
text-align: left;
}
.datalist td {
background-color: #eee;
}
.datalist th {
background-color: #ccc;
}
.datalist tbody tr:hover td {
background-color: #ddd;
}
.datalist th.number, .datalist td.number {
text-align: right;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment