Click on a country to draw its GDP per capita time series.
This code is a modern version of an example based on v0 of the JSON-stat Javascript Toolkit. In this new version, the ECMAscript module of JSON-stat for Eurostat v1 is used instead.
<!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>INE JSON-stat API + Idescat Visual choropleth map example</title> | |
<!-- DO NOT DO THIS IN PRODUCTION --> | |
<!-- js.org and json-stat.org ARE NOT CDNs --> |
<!DOCTYPE html> | |
<html> | |
<head> | |
<title>EuroJSONstat example</title> | |
<link href="/d/e3e065fe80f2b0084bef/style.css" rel="stylesheet" type="text/css" /> | |
<!-- DO NOT DO THIS IN PRODUCTION --> | |
<!-- js.org IS NOT A CDN --> | |
<link href="https://visual.js.org/visual.css" rel="stylesheet" type="text/css" /> | |
<script src="https://visual.js.org/lazyvisualsetup.js"></script> |
<!DOCTYPE html> | |
<html lang="en"> | |
<head> | |
<meta charset="UTF-8" /> | |
<link rel="stylesheet" type="text/css" media="all" href="https://cdn.jsdelivr.net/chartist.js/latest/chartist.min.css"/> | |
<link rel="stylesheet" type="text/css" media="all" href="/d/af4edd90b99f5461e70345c23bc308f1/styles.css"/> | |
<script src="https://cdn.jsdelivr.net/chartist.js/latest/chartist.min.js"></script> | |
<!-- Using JSONstat XHR capabilities require Promises and Fetch support. Polyfill included for IE, for example --> | |
<script src="https://cdn.jsdelivr.net/combine/npm/es6-promise@4.2.8,npm/whatwg-fetch@3.0.0,npm/jsonstat-toolkit@1.4.2,npm/jsonstat-euro@2.0.0"></script> | |
</head> |
<!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>Visual + JSON-stat: simple line chart</title> | |
<link href="https://bl.ocks.org/d/e3e065fe80f2b0084bef/style.css" rel="stylesheet" type="text/css" /> | |
<!-- DO NOT DO THIS IN PRODUCTION --> | |
<!-- js.org IS NOT A CDN --> |
<!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>Eurostat JSON-stat API + Idescat Visual choropleth map example</title> | |
<!-- DO NOT DO THIS IN PRODUCTION --> | |
<!-- js.org IS NOT A CDN --> | |
<link href="https://visual.js.org/visual.css" rel="stylesheet" type="text/css" /> |
<!DOCTYPE html> | |
<html lang="en"> | |
<head> | |
<meta charset="UTF-8"> | |
<meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
<meta http-equiv="X-UA-Compatible" content="ie=edge"> | |
<title>EU vs. Brexit EU</title> | |
<link rel="stylesheet" href="https://code.highcharts.com/css/highcharts.css"> | |
</head> | |
<body> |
Click on a country to draw its GDP per capita time series.
This code is a modern version of an example based on v0 of the JSON-stat Javascript Toolkit. In this new version, the ECMAscript module of JSON-stat for Eurostat v1 is used instead.
<!DOCTYPE html> | |
<html lang="en"> | |
<head> | |
<meta charset="UTF-8"> | |
<title>JJT v1: ECMAScript module</title> | |
<style> | |
body { | |
padding: 20px 40px; | |
font-size: 30px; | |
} |
<!DOCTYPE html> | |
<html lang="en"> | |
<head> | |
<meta charset="UTF-8" /> | |
<link rel="stylesheet" type="text/css" media="all" href="https://cdn.jsdelivr.net/chartist.js/latest/chartist.min.css"/> | |
<link rel="stylesheet" type="text/css" media="all" href="/d/af4edd90b99f5461e70345c23bc308f1/styles.css"/> | |
<script src="https://cdn.jsdelivr.net/chartist.js/latest/chartist.min.js"></script> | |
<!-- Using JSONstat XHR capabilities require Promises and Fetch support. Polyfill included for IE, for example --> | |
<script src="https://cdn.jsdelivr.net/combine/npm/es6-promise@4.2.8,npm/whatwg-fetch@3.0.0"></script> | |
<!-- End of optional polyfilling --> |
<!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>Finnish Labor Market</title> | |
<meta charset="utf-8" /> | |
<meta http-equiv="X-UA-Compatible" content="IE=edge" /> |