data jornalism, georeferenziazioni, infografiche

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!

html5, social

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

tool

OCR

fonte: http://www.oxhow.com/free-online-ocr-services-to-convert-images-to-text/
But, this technology is still under development and there is no such application that works 100% when performing OCR. Though, Google Docs can be used to extract text from images, here is five more web tools that you can try for OCR and suggest our readers the best performing tool.

Free-online-ocr.com

FREE-Online-OCRFree Online OCR is a free service that allows you to easily convert scanned documents, faxes, photos into editable and searchable text. Free-online-ocr.com is the site that has an easy interface to work, I have found so far. You can easily find the options for uploading and converting an image to text. It also provides the options to convert documents into 4 popular formats – .doc, .pdf, .rtf and .txt. It accepts all formats of images like GIF, BMP, JPEG, TIFF or PNG. It does also have an integrated dictionary. The conversion speed is good and you have no need to register in this site.

i2OCR.Com

i2OCR- Convert images to texti2OCR.com is a free service with no sign up, no limitation of uploaded file size or number of input files per hour. The interesting feature is that you can choose between 33 different languages before converting the uploaded file into text format. It also has More Productivity Tools tab that includes various options to design your pages to give Phonetic keyboard layout, graphical symbols, Arabic Transliteration etc..

NewOCR.Com

NewOCR.com is a free online service based on Tesseract Optical Character Recognition engine. NewOCR.com feels a bit cluttered with lots of advertisements. It analyzes the text from any image file that you upload, and then converts the text from the image so that you can easily edit it on your computer. It supports 39 languages including Greek, Chinese, Slovakian and Vietnamese. You can save recognition results as .txt, .html, .doc, .pdf, .rtf, LibreOffice and .odt extensions. There is no need to register in this site also.

Free-OCR.Com

Free-OCR.Com is a free online tool to extract text from any image from JPG, GIF, TIFF, BMP or PDF extensions. This also has a pretty interface with great converting speed. Despite being free service, you can’t upload a file bigger than 2MB and no wider or higher than 5000 pixels plus. There is a limit of 10 image uploads per hour. Read more on how to pickup text from images online.

OnlineOCR.Net

Online-OCR to convert images to text
OnlineOCR.Net is also an easy to use interface service that recognizes and converts text and characters from PDF scanned documents, photographs and digital camera captured images. It supports 32 languages. You can extract text from JPG, JPEG, BMP, TIFF, GIF format images and convert into editable .doc, .txt, .pdf, .html formats. It also provides .xls or MS excel file format in output choice as well. There is a limit of 15 images per hour for users who don’t sign up to use their service. However, signing up with the service removes the limitation.
Let us know which service did you find more easy and useful.

css3, html5, JS

Menu Focus – scorrere una lista dinamica di item

Punto 1: ricordarsi di mettere jQuery e non $, che nel php si spacca tutto.
poi: contare quanti LI nell' UL che interessa.
Quindi: freccia dx, fa scomparire i primi, freccia a sn, fa apparire i primi.

/*questo fa scorrere i focus */
jQuery(document).ready(function(){
var i=0;
var quantiLi = 10;
jQuery(“.focus li”).each(function (i) {
i = i+1;
jQuery(this).addClass(“focus”+i);
});
// quantiLi = jQuery(“.menu.nav.focus li”);
console.log( quantiLi );
var n = 1
jQuery(“span.asn”).click(function() {
// console.log( “ready!focus” ); il primo sparisce
jQuery(“.menu.nav.focus > li:nth-child(“+ n +”)”).addClass(“hide”);
n=n+1;
});
jQuery(“span.adx”).click(function() {
//console.log( “ready!focus” );
jQuery(“.menu.nav.focus > li:nth-child(“+ n +”)”).removeClass(“hide”);
n=n-1;
});
});
MIGLIORIA dinamica:

/*questo fa scorrere i focus */
jQuery(document).ready(function(){
var i=0;
jQuery(“.focus li”).each(function (i) {
i = i+1;
jQuery(this).addClass(“focus”+i);
});
jQuery( “.focus li” ).last().addClass( “ultimo” );
var listItem = jQuery( “.ultimo” );
var quantiLi = listItem.index( “.focus li” )-3;/*dinamico!!*/
console.log( quantiLi );
var n = 1
jQuery(“span.asn”).click(function() {
// console.log( “ready!focus” ); il primo sparisce
if(n <= quantiLi){ jQuery(“.menu.nav.focus > li:nth-child(“+ n +”)”).addClass(“hide”);
n=n+1;
}
else{
n = quantiLi;
}
});
jQuery(“span.adx”).click(function() {
//console.log( “ready!focus” );
if(n >= 0){
jQuery(“.menu.nav.focus > li:nth-child(“+ n +”)”).removeClass(“hide”);
n=n-1;
}
else{
n=1;
}
});
});