Xavier Badosa badosa
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html> | |
| <html lang="en"> | |
| <head> | |
| <title>Exports / Imports in Catalonia</title> | |
| <link href="https://visual.js.org/visual.css" rel="stylesheet" type="text/css" /> | |
| <script src="https://visual.js.org/lazyvisualsetup.js"></script> | |
| <script src="https://unpkg.com/jsonstat-toolkit@latest"></script> | |
| </head> | |
| <body> |
badosa
/ index.html
Last active
February 5, 2026 17:20
Female Activity Rate in Finland (POST example)
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <title>Female Activity Rate in Finland (POST)</title> | |
| <link href="https://visual.js.org/visual.css" rel="stylesheet" type="text/css" /> | |
| <script src="https://visual.js.org/lazyvisualsetup.js"></script> | |
| <script src="https://unpkg.com/jsonstat-toolkit@latest"></script> | |
| </head> | |
| <body> | |
| <section id="visual" class="visual"></section> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <title>A Population Pyramid (fetch version)</title> | |
| <link href="https://visual.js.org/visual.css" rel="stylesheet" type="text/css" /> | |
| <script src="https://visual.js.org/lazyvisualsetup.js"></script> | |
| <script src="https://unpkg.com/jsonstat-toolkit@latest"></script> | |
| </head> | |
| <body> | |
| <section id="visual" class="visual"></section> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <title>A Population Pyramid (await version)</title> | |
| <link href="https://visual.js.org/visual.css" rel="stylesheet" type="text/css" /> | |
| <script src="https://visual.js.org/lazyvisualsetup.js"></script> | |
| <script src="https://unpkg.com/jsonstat-toolkit@latest"></script> | |
| </head> | |
| <body> | |
| <section id="visual" class="visual"></section> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <title>A Dynamic Population Pyramid</title> | |
| <link href="https://visual.js.org/visual.css" rel="stylesheet" type="text/css" /> | |
| <script src="https://visual.js.org/lazyvisualsetup.js"></script> | |
| <script src="https://unpkg.com/jsonstat-toolkit@latest"></script> | |
| <style> | |
| #slider { | |
| position: absolute; text-align: center; |
badosa
/ index.html
Last active
February 8, 2026 07:10
A Population Pyramid in a Couple of Lines of Code
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <title>A Population Pyramid in a Couple of Lines of Code</title> | |
| <link href="https://visual.js.org/visual.css" rel="stylesheet" type="text/css" /> | |
| <script src="https://visual.js.org/lazyvisualsetup.js"></script> | |
| <script src="https://unpkg.com/jsonstat-toolkit@latest"></script> | |
| </head> | |
| <body> | |
| <section id="visual" class="visual"></section> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <title>Latest Unemployment Rate in Spain (Dice)</title> | |
| <link href="https://visual.js.org/visual.css" rel="stylesheet" type="text/css" /> | |
| <script src="https://visual.js.org/lazyvisualsetup.js"></script> | |
| <script src="https://unpkg.com/jsonstat-toolkit@latest"></script> | |
| </head> | |
| <body> | |
| <section id="visual" class="visual"></section> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <title>EuroJSONstat example</title> | |
| <style> | |
| h1 { | |
| font-family: verdana; | |
| font-size: 14px; | |
| margin: 10px 0 8px 8px; | |
| } |
badosa
/ index.html
Last active
February 1, 2026 15:26
Educational attainment in Europe (euro version)
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!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"/> | |
| <style> | |
| article { | |
| padding: 10px 0; | |
| text-align: center; | |
| margin-left: 20px; |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <html> | |
| <head> | |
| <title>Eurostat JSON-stat API + Idescat Visual choropleth map example</title> | |
| <link href="https://visual.js.org/visual.css" rel="stylesheet" type="text/css" /> | |
| <script src="https://visual.js.org/lazyvisualsetup.js"></script> | |
| <script src="https://cdn.jsdelivr.net/combine/npm/jsonstat-toolkit@latest,npm/jsonstat-euro@latest"></script> | |
| </head> | |
| <body> | |
| <div id="visual" class="visual"></div> |
NewerOlder