Il mondo in cifre — cambi, meteo e mercati dalle API pubbliche
I dati open **oltre l'Italia**: questa app parla direttamente con tre API pubbliche mondiali — i cambi della BCE (Frankfurter), il meteo di Open-Meteo e i mercati di CoinGecko — senza chiavi, senza registrazioni e senza alcun server di mezzo. Le chiamate partono dal tuo browser e i dati restano lì.
spazio dati «mondo-in-cifre» — il collante della suite: sul tuo dispositivo, multi-utente con un invito (link o QR), cifrato end-to-end.
oppure aprila come app unica
Cosa registra
- Valuta base (es. EUR)
- Latitudine
- Longitudine
Composta da 3 micro app
Un compito ciascuna, sugli stessi dati: ogni micro app legge e scrive lo spazio dati condiviso «mondo-in-cifre» (col tuo consenso, chiesto alla prima apertura). Tutto resta sul tuo dispositivo — e con un solo invito l'intera suite diventa multi-utente, cifrata end-to-end.
Come funziona
Questa è un'app Reactive: un semplice documento di testo che il browser trasforma in un'app funzionante — moduli, dati dal vivo, tabelle, statistiche e persino grafici, senza installare né configurare nulla.
- Usala subito. Premi «Usa questa app»: si apre subito nel tuo browser, già pronta, con i dati salvati solo sul tuo dispositivo.
- I tuoi dati restano tuoi. Tutto è memorizzato in locale sul dispositivo, separato per ogni app: niente account, niente server, niente da configurare.
- Rendila tua. Il testo qui sotto è l'app per intero: copialo, cambia campi, viste e parole, e le modifiche diventano subito interattive.
- Condividila come file. Un'app è un semplice file: salvalo, esportalo o condividilo con un link; e con la collaborazione cifrata più persone modificano gli stessi dati in tempo reale.
Il testo dell'app
# 🌍 Il mondo in cifre
I dati open **oltre l'Italia**: questa app parla direttamente con tre API
pubbliche mondiali — i cambi della BCE (Frankfurter), il meteo di Open-Meteo e
i mercati di CoinGecko — senza chiavi, senza registrazioni e senza alcun
server di mezzo. Le chiamate partono dal tuo browser e i dati restano lì.
:::::page{title="Cambi" icon="💱"}
## I tassi di cambio della BCE
Scegli la valuta di partenza (codice ISO: `EUR`, `USD`, `GBP`, `CHF`, `JPY`…):
la chiamata si riesegue da sola a ogni cambio.
::input[base]{value="EUR" placeholder="Valuta base (es. EUR)"}
::api-query{url="https://api.frankfurter.dev/v1/latest?base={#base}" into="cambi" pick="rates" as="pairs"}
**Clicca una barra** per isolare quella valuta nella tabella (secondo clic:
filtro tolto).
::::dashboard{path="cambi"}
::chart-bar{data="cambi" x="key" y="value" height="18rem"}
:::table{path="cambi" headers="Valuta,Tasso" pagesize="10"}
{key} | {value}
:::
::::
E il singolo tasso come valore reattivo, pronto per un calcolo:
::api-query[eurUsd]{url="https://api.frankfurter.dev/v1/latest?base=EUR" pick="rates.USD"}
1 EUR = **:value[vt]{ref="#eurUsd"}** USD (fixing BCE, giorni lavorativi).
:::::
:::::page{title="Meteo" icon="⛅"}
## Le prossime 72 ore, ovunque
Coordinate di qualunque punto del globo (default: Roma). Il formato colonnare
di Open-Meteo diventa una serie temporale da solo.
::input[lat]{value="41.9" placeholder="Latitudine"}
::input[lon]{value="12.5" placeholder="Longitudine"}
::api-query{url="https://api.open-meteo.com/v1/forecast?latitude={#lat}&longitude={#lon}&hourly=temperature_2m,precipitation&forecast_days=3" into="meteo" pick="hourly"}
::chart-line{data="meteo" x="time" y="temperature_2m" height="16rem"}
::chart-line{data="meteo" x="time" y="precipitation" height="12rem"}
Temperatura (°C) e precipitazioni (mm) ora per ora, modello Open-Meteo.
:::::
:::::page{title="Cripto" icon="🪙"}
## I principali mercati cripto
I 20 mercati maggiori per capitalizzazione, in euro, da CoinGecko. Il
pulsante di aggiornamento rilegge i prezzi; clicca una barra per isolare una
moneta.
::api-query{url="https://api.coingecko.com/api/v3/coins/markets?vs_currency=eur&order=market_cap_desc&per_page=20&page=1" into="cripto"}
::::dashboard{path="cripto"}
::chart-bar{data="cripto" x="symbol" y="current_price" height="16rem"}
:::table{path="cripto" headers="Moneta,Simbolo,Prezzo €,Cap. di mercato €" pagesize="10"}
{name} | {symbol} | {current_price} | {market_cap}
:::
::::
:::::
---
Fonti: **Frankfurter** (tassi di riferimento BCE, pubblico dominio),
**Open-Meteo** (CC BY 4.0, modelli meteo aperti), **CoinGecko** (API pubblica,
rate limit generoso). Le chiamate partono dal browser: nessun dato personale
viaggia, e le collezioni scaricate restano locali al dispositivo.