etichettare la voce: (1 ora gratuita per mese)
https://www.popuparchive.com
audio inline nel testo:
http://soundcite.knightlab.com/
dettato:
https://dictation.io/
https://www.talktyper.com/
Monthly Archives: January 2015
visualizzazioni di dati
wow!
http://openindia.worldbankgroup.org/
sul cibo:
http://www.nationalgeographic.com/what-the-world-eats/
e sugli opendata!
http://knightfoundation.org/features/civictech/
usando questo:fathom.info/
soldipubblici.gov
Interessante:
http://numeri.leonardo.ma/
realizzati prendendo i dati da: http://soldipubblici.gov.it
con uno script in licenza GPL: https://github.com/leonardomaccari/soldipubblici
grafici PIe, a torta, che non raggiungono 100%
Ecco, mi sono imbatuta nel probelma degli arrotondamenti.
Ho un grafico con queste cifre che non ragginge il 100% perchè non c’è possibilità di arrotondare diversamente e/o di mostrare le due cifre decimali dopo la virgola nelle percentuali cacolate da google chart.
https://www.google.it/search?q=googlechart+change+format+value+legend&ie=utf-8&oe=utf-8&gws_rd=cr&ei=toG2VN7iFI27aYyVgPgE#q=+round+up+the+percentage+values+in+google+chart
https://www.google.it/search?q=googlechart+change+format+value+legend&ie=utf-8&oe=utf-8&gws_rd=cr&ei=toG2VN7iFI27aYyVgPgE#q=+google+chart+pie+2+decimal+percentage
Altra possibilità è utilizzare questa libreria che invece ti permette di farlo:
http://jsfiddle.net/ha3tX/
http://www.highcharts.com/demo/pie-basic
Slider circolare + immagini a 360°
C’è questo slider che è bello e pulito:
http://anthonyterrien.com/knob/
variante carina:
http://www.toolitup.com/
e poi un suggerimento di una possibile applicazione che francamente mi serviva!!
http://interface.eyecon.ro/demos/drag_vr.html
[iframe src=”http://interface.eyecon.ro/demos/drag_vr.html” ]
Bello!
Così fatto fighetto: http://tutorialzine.com/2011/11/pretty-switches-css3-jquery/
Giochi didattici
https://developers.google.com/blockly/
Codice per programmare i giochini didattici che vanno molto di moda in questo momento.
MI riferisco a code.org 😉
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!
opensocial.org
mi prometto di approfondire.. per ora:
[iframe src=”http://piktochart.com/wp-content/uploads/2012/07/opensocial_infographic.png” scrolling=”yes”]
www.opensocial.org
http://rave.apache.org/
E’ una iniziativa del W3C
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.