Skip to content

Instantly share code, notes, and snippets.

View badosa's full-sized avatar

Xavier Badosa badosa

31 followers · 19 following
View GitHub Profile
@badosa
badosa / index.html
Last active November 20, 2019 20:17
UK Unemployment by Sex
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<script src="https://cdn.jsdelivr.net/npm/jsonstat@0.13.13"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.7.2/Chart.js"></script>
</head>
<body>
<div class="chart-container" style="position: relative; height:90vh; width:90vw">
<canvas id="chart"></canvas>
@badosa
badosa / oecd.json
Last active May 1, 2018 15:04
Unemployment rate in the OECD countries 2003-2014
{
"version" : "2.0",
"class" : "dataset",
"href" : "https://json-stat.org/samples/oecd.json",
"label" : "Unemployment rate in the OECD countries 2003-2014",
"note" : [ "Most of the data in this dataset are taken from the individual contributions of national correspondents appointed by the OECD Secretariat with the approval of the authorities of Member countries. Consequently, these data have not necessarily been harmonised at international level." ],
"source" : "Economic Outlook No 92 - December 2012 - OECD Annual Projections",
"updated" : "2012-11-27",
"extension" : {
"contact" : "EcoOutlook@oecd.org",
@badosa
badosa / index.html
Last active November 20, 2019 20:19
Dataset Join by Sex and Concept
<!DOCTYPE html>
<html>
<head>
<title>Dataset Join by Sex and Concept</title>
<link rel="stylesheet" type="text/css" href="/d/ed9665503abec4f542d1/style.css">
<script src="https://cdn.jsdelivr.net/combine/npm/jsonstat@0.13.13,npm/jsonstat-utils@2.5.5"></script>
</head>
<body>
<div id="tbrowser">Retrieving dataset...</div>
@badosa
badosa / index.html
Last active November 20, 2019 20:20
Dataset Join by Sex
<!DOCTYPE html>
<html>
<head>
<title>Dataset Join by Sex</title>
<link rel="stylesheet" type="text/css" href="/d/ed9665503abec4f542d1/style.css" />
<script src="https://cdn.jsdelivr.net/combine/npm/jsonstat@0.13.13,npm/jsonstat-utils@2.5.5"></script>
</head>
<body>
<div id="tbrowser">Retrieving dataset...</div>
@badosa
badosa / index.html
Last active November 20, 2019 20:20
Dataset Join by Concept
<!DOCTYPE html>
<html>
<head>
<title>Dataset Join by Concept</title>
<link rel="stylesheet" type="text/css" href="/d/ed9665503abec4f542d1/style.css" />
<script src="https://cdn.jsdelivr.net/combine/npm/jsonstat@0.13.13,npm/jsonstat-utils@2.5.5"></script>
</head>
<body>
<h1>(1) + (2)</h1>
@badosa
badosa / index.html
Last active November 20, 2019 20:20
Sequential Dataset Join
<!DOCTYPE html>
<html>
<head>
<title>Sequential Dataset Join</title>
<link rel="stylesheet" type="text/css" href="/d/ed9665503abec4f542d1/style.css" />
<script src="https://cdn.jsdelivr.net/combine/npm/jsonstat@0.13.13,npm/jsonstat-utils@2.5.5"></script>
</head>
<body>
<div id="resp">Retrieving dataset...</div>
@badosa
badosa / index.html
Last active November 22, 2019 08:39
Bankruptcies in Norway
<!DOCTYPE html>
<!--[if lt IE 7]><html class="lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]><html class="lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]><html class="lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html> <!--<![endif]-->
<head>
<title>Slice Example</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<!-- DO NOT DO THIS IN PRODUCTION -->
@badosa
badosa / index.html
Last active May 17, 2020 08:26
UNECE Unemployment Trend Comparison
<!DOCTYPE html>
<!--[if lt IE 7]><html class="lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]><html class="lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]><html class="lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html> <!--<![endif]-->
<head>
<title>Using the UNECE API</title>
<link href="/d/e3e065fe80f2b0084bef/style.css" rel="stylesheet" type="text/css" />
<!-- DO NOT DO THIS IN PRODUCTION -->
@badosa
badosa / index.html
Last active November 20, 2019 20:23
Greenlandish Labor Market
<!DOCTYPE html>
<!--[if lt IE 7]><html class="lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]><html class="lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]><html class="lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html> <!--<![endif]-->
<head>
<title>Connecting to a PX-Web saved query</title>
<!-- DO NOT DO THIS IN PRODUCTION -->
<!-- js.org and json-stat.org ARE NOT CDNs! Link to your own copies or to a CDN. -->
@badosa
badosa / index.html
Last active November 20, 2019 20:23
World Traders
<!DOCTYPE html>
<html>
<head>
<title>World Traders</title>
<script src="https://cdn.jsdelivr.net/npm/jsonstat@0.13.13"></script>
<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
</head>
<body>
<div id="chart" style="height: 500px;width: 500px;"></div>