Code is Poetry. HTML5 e oltre
26 Marzo Mar 2012 0926 26 marzo 2012

Infografiche animate con HTML5

Le infografiche sono sempre più utilizzate nell'informazione via Internet, come dimostra Linkiesta.it.

Ma con HTML5 arriva l'oggetto "Canvas", che permette di realizzare via codice sia le tradizionali schermate ottenute con software come Illustrator, sia ben più potenti infografiche animate capaci di integrare dati (anche in tempo reale e da terze parti).

Ecco un esempio: questa infografica raccoglie in tempo reale i tweet che citano "linkiesta.it" e li divide per nazionalità. Cliccando sul rettangolo è possibile leggere il tweet.

Cambiando l'url (dopo il cancelletto) con un'altra parola chiave, potete modificare la ricerca.

Qui trovate una serie di framework con cui produrre infografiche animate. Processing.js è quello più facile e potente, ma c'è anche una produzione di Adobe Labs.

 Iscriviti alla newsletter

Vuoi essere sempre aggiornato? Iscriviti alla newsletter de Linkiesta.it .

Quando invii il modulo, controlla la tua inbox per confermare l'iscrizione

 Seguici su Facebook