Bilancio
http://socialhub.guna.it/infografiche/
Grafici a bolle carini
-http://www.visualcinnamon.com/portfolio/occupations
VArie ed eventuali
-https://datavizblog.com/
Non trovo più il gioco di carte sull’avvelenamento da cibo:
http://visual.ly/tag/food-poisoning
IL vincitore:
http://www.informationisbeautifulawards.com/showcase/625-deadliest-dinner
Category Archives: infografiche
strumenti da provare x mostrare grafici
http://jlord.us/sheetsee.js/
http://sbstjn.github.io/timesheet.js/
fonte da : http://www.smashingmagazine.com/smashing-newsletter-issue-133/
Correnti mondiali, superdidattico!!
http://earth.nullschool.net/#current/wind/surface/level/waterman=-34.64,-86.72,160
[iframe src=”http://earth.nullschool.net/#current/wind/surface/level/waterman=-34.64,-86.72,160″ width=”100%”]
____
* ps: questa visualizzazione invece, come interfaccia grafica con il centro per back, mi fa impazzire!http://bl.ocks.org/mbostock/raw/5944371/
Grafi grafi grafici
ha suscitato il mio interessa la scoperta di dbpedia
http://dbpedia.org/About
e la sua applicazione es: timeline:
http://latemar.science.unitn.it/spacetime/usecase.html
http://latemar.science.unitn.it/spacetime/spacetime.html
Ma anche la possibilità di navigare usando grafici semantici, ovvero i grafi.
libreria js per grafi: http://sigmajs.org/ – http://neo4j.com/
poi altroper visulizzare grafici, georeferenziati: http://turfjs.org/ –
e l’ennesiamo tool web:
dati dinamici!
Dai, diciamolo.. i dati dinamici sono molto di moda ultimamente 🙂
io ho il grattacapo di avere dei dati caricati su ckan e di volerli visualizzare.
Il lavoro fatto da altra agenzia li visualizza con google chart.. e se io volessi cambiare?
e se io quei dati non li avessi?
Vabbhè, per dire che ho dato una occhiata ad import.io
e che secondo me ho modo di fare i due balzi:
lista di un sito web >> import.io >> google sheet >> visualizzazione
Qui c’è un pezzettino: http://support.import.io/knowledgebase/articles/367423
[OT]: visualizzazione orribile,in flash!! hahahah, ma molto belli i dati: http://inbreve-censimentoagricoltura.istat.it/explorer/index.html#story=0
Tiriamoci su il morale, per il grafico, NON per i DATI!! 🙁
[iframe src=”http://landportal.info/api/graphs/barchart?indicator=INDWB20&countries=ITA&colours=b41739&xTag=Anni&yTag=Persone&title=disoccupazione%20femminile&description=In%20Italia%20dal%202014″]
Questo usa questa visualizzazione
http://weso.github.io/wesCountry/
Invece passo due della ricerca sui dati dinamici:
Ho importato con import.io un pezzo di lista di sito internet, preso le sue API, messe in un google sheet e pubblicate su
piktochart.com
Infogr.am invece lo fa solo a pagamento :ppprrrr
Cerca
IMPORTHTML
Importa i dati da una tabella o un elenco all’interno di una pagina HTML.
Esempio di utilizzo
IMPORTHTML(“http://en.wikipedia.org/wiki/Demographics_of_India”;”table”;4)
IMPORTHTML(A2;B2;C2)
Sintassi
IMPORTHTML(url, query, indice)
url – L’URL della pagina da esaminare, incluso il protocollo (ad es. http://).
Il valore per url deve essere racchiuso tra virgolette o essere un riferimento a una cella contenente il testo appropriato.
query – “list” o “table” a seconda del tipo di struttura che contiene i dati desiderati.
indice – L’indice, a partire da 1, che identifica quale tabella o elenco restituire, come definiti nella sorgente HTML.
Gli indici degli elenchi e delle tabelle vengono mantenuti separati, quindi è possibile che ci siano sia un elenco sia una tabella con l’indice 1 se entrambi i tipi di elementi sono presenti nella pagina HTML.
Note
Un massimo di 50 chiamate IMPORTHTML è supportato in un singolo foglio di lavoro. Questo limite è stato rimosso nella nuova versione di Fogli Google.
Vedi anche
IMPORTXML: Importa dati dai vari tipi di dati strutturati, tra cui XML, HTML, CSV, TSV e feed XML RSS e ATOM.
IMPORTRANGE: Importa un intervallo di celle da un foglio di lavoro specificato.
IMPORTFEED: Importa un feed RSS o ATOM.
IMPORTDATA: Importa i dati di un url specificato in formato .csv (valori separati da virgole) o .tsv (valori delimitati da tabulazioni).
Esempi
Importa i dati in una determinata tabella dalla pagina HTML specificata, utilizzando diversi tipi di input dei parametri.
e FUNGE!
Altri tool da infografici
piktochart.com
un altro strumento per creare grafici ed infografiche.
Questo invece da leggere, sempre dal w3c un altro draft sull’uso dei dati nel web con anche dei casi di studio.
Prova visualizzazioni dati filcams
INTERfacce utente
ecco due bei documenti:
http://www.media.mit.edu/wearables/lizzy/timeline.html
http://timeline.knightlab.com/examples/user-interface/
[iframe src=”http://timeline.knightlab.com/examples/user-interface/”]
Fantastici! Knight lab
http://knightfoundation.org/press-room/press-release/new-html5-website-helps-organizations-navigate-int/
mettono a disposizione tantissimi strumenti in FREESOFTWARE per la didattica,
niente specchietti per le allodole gratuiti e poi features a pagamento!
TUTTO gratis, anzi LIBERO!
TIMELINE: http://timeline.knightlab.com/
STORYMAP: http://storymap.knightlab.com/
SLIDER: http://juxtapose.knightlab.com/
SOUND-INLINE in Text: http://soundcite.knightlab.com/