Skip to content

Instantly share code, notes, and snippets.

View badosa's full-sized avatar

Xavier Badosa badosa

30 followers · 19 following
View GitHub Profile
@badosa
badosa / array.json
Last active December 18, 2015 01:59
Arrays vs. Objects
{
"category" : {
"index" : [
"01001",
"01003",
"01005",
"01007",
"01009",
"01011",
"01013",
@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 December 30, 2018 07:44
Children Aged 0-4 in 1900's Norway
<!DOCTYPE html>
<html>
<head>
<title>Getting a JSON-stat cell value without using a JS library</title>
<style>
p {
padding: 100px 40px;
text-align: center;
font: 40px Georgia, serif;
color: #a52a2a;
@badosa
badosa / index.html
Last active November 4, 2019 22:21
Children Aged 0-4 in Norway
<!DOCTYPE html>
<html>
<head>
<title>Iterating through a dimension</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<!-- DO NOT DO THIS IN PRODUCTION -->
<!-- js.org IS NOT A CDN! Link to your own copies or to a CDN. -->
<link href="https://visual.js.org/visual.css" rel="stylesheet" type="text/css" />
<script src="https://visual.js.org/lazyvisualsetup.js"></script>
@badosa
badosa / index.html
Last active November 4, 2019 22:22
US Unemployment Rate
<!DOCTYPE html>
<html>
<head>
<title>US unemployment rate</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<!-- DO NOT DO THIS IN PRODUCTION -->
<!-- js.org IS NOT A CDN! Link to your own copies or to a CDN. -->
<link href="https://visual.js.org/visual.css" rel="stylesheet" type="text/css" />
<script src="https://visual.js.org/lazyvisualsetup.js"></script>
@badosa
badosa / index.html
Last active November 4, 2019 22:42
Indicators Map Based on Idescat (APIs + Visual)
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Idescat APIs + Idescat Visual</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<link href="/d/9484802/style.css" rel="stylesheet" type="text/css" />
@badosa
badosa / index.html
Last active November 20, 2019 20:06
Inflation in different countries
<!--[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>Inflation in different countries</title>
<!-- DO NOT DO THIS IN PRODUCTION -->
<!-- JS.ORG IS NOT A CDN! Link to your own copies or to a CDN. -->
<link href="https://visual.js.org/visual.css" rel="stylesheet" type="text/css" />
<script src="https://visual.js.org/lazyvisualsetup.js"></script>
@badosa
badosa / index.html
Last active November 20, 2019 20:08
Inflation in Australia
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<script src="https://cdn.jsdelivr.net/combine/npm/jsonstat@0.13.13,npm/jsonstat-utils@2.5.5"></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">
@badosa
badosa / index.html
Last active November 20, 2019 20:13
Dynamic Italian Pyramid
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<link href="/d/6103806/style.css" type="text/css" rel="stylesheet" />
<script src="https://cdn.jsdelivr.net/npm/jsonstat@0.13.13"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js" ></script>
<script src="https://www.flotcharts.org/javascript/jquery.flot.min.js"></script>
<script src="https://rawgithub.com/asis/flot-pyramid/v1.0.0/src/jquery.flot.pyramid.js"> </script>
</head>
@badosa
badosa / index.html
Last active November 20, 2019 20:14
U.S. Balance of Payment
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<script src="https://cdn.jsdelivr.net/combine/npm/jsonstat@0.13.13,npm/jsonstat-utils@2.5.5"></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>