Archivi categoria: data jornalism

Storymap/timeline e scroll triggered

Ecco le proposte:

1) http://timeline.knightlab.com/

la più tradizionale

2)https://storymap.knightlab.com/

molto legata al territorio

3)http://cartodb.github.io/odyssey.js/

idem..

4) http://timemapper.okfnlabs.org/okfn/medieval-philosophers#0
anche


Questi sono pacchetti quasi già fatti di codice..

Oppure possiamo prendere ispirazione da questi che però dobbiamo
lavorare di più per ottenerli:

A) http://www.nytimes.com/newsgraphics/2013/10/13/russia/

si snoda verticalmente su un percorso, immaginatelo su una linea del tempo.

B)http://revolt.axismaps.com/map/

ha un PLAY degli eventi storici, che comunque vengono collocati su una
mappa o disegno

C)http://www.nytimes.com/interactive/2014/07/03/world/middleeast/syria-iraq-isis-rogue-state-along-two-rivers.html 
tutto creata sullo scroll dell'utente e la posizione nella mappa in basso a a dx.

TOOL per avere sempre i dati dello scroll della pagina:
http://homepage.ntlworld.com/keir.clarke/web/leafletwaypoint.html

tool singolo:
http://imakewebthings.com/waypoints/

dataninja: hackathon wikipedia 17 aprile!

Hackathon Wikipedia al Festival del Giornalismo #ijf15 con Dataninja e Wikimedia Italia Per il prossimo Festival del Giornalismo abbiamo in programma un hackathon (il terzo in tre anni!) ma volevamo fare qualcosa di diverso dal “data journalism” in quanto tale perché ormai (finalmente!) è pratica diffusa. Con i nostri amici di Wikimedia Italia, l’associazione italiana che cura Wikipedia in italiano, abbiamo pensato che poteva essere molto interessante fare un hackathon sul più bel prodotto editoriale del web, Wikipedia, proprio perché la sua proprietà è partecipata. Come si usa Wikipedia? Chi la usa correttamente? Chi copia senza citarla? Per saperlo o per dare una mano, ti aspettiamo a Perugia il 17 aprile 2015 :-)

 

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!

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/