SOD15.. ripassiamo

iniziod3 Ok, link che mi sono da rivedere:
SLIDE http://www.dataninja.it/laboratorio-data-visualization-sod14/
FONTI:
Oreilly Gettin start with D3
http://cdn.oreillystatic.com/en/assets/1/event/91/D3_js%20tutorial%20Presentation.pdf
https://github.com/alignedleft/strata-d3-tutorial
meglio: http://alignedleft.com/tutorials/d3
2000 esempi: http://christopheviau.com/d3list/
librerie basate su d3: http://mikemcdearmon.com/portfolio/techposts/charting-libraries-using-d3
 
Atwork!
jsFIDDLE: http://jsfiddle.net/user/dataninja/fiddles/
1) http://jsfiddle.net/dataninja/B2yWr/ uso base di generare p a diverse grandezze
1bis) lista
2) transizioni prova : http://bl.ocks.org/digitigrafo/11ccfc74449bb7d1e023

labirintino

<p style=”line-height: 18px; font-size: 18px; font-family: times;”>
<script>
for (var line=1; line<60; line++) {
for(var i=1;i<29;i++) {
var s = (Math.floor((Math.random()*2)%2)) ? ‘\u2571’: ‘\u2572’;
document.write(s);
}
document.writeln(“<br>”);
}
</script>
</p>
buffo e semplice generatore di labirinti! hihihi!
http://js.do/samples/labyrinth

Internet Explorer, come evitarlo

illuminante:
https://msdn.microsoft.com/en-us/library/ms537512%28v=vs.85%29.aspx
e pare funzionare!
1)

variante:
Attenzione! Stai utilizzando una versione non aggiornata di Internet Explorer che ti espone a rischi sulla sicurezza e non interpreta correttamente HTML5. Per piacere utilizza un navigatore moderno.
– Attention! You are running ad old version of Internet Explorer, which puts at risk the security of your network and doesn’t show you correctly HTML5. Please use a moder browser.
2)
<![if lt IE 8]>
Please upgrade to Internet Explorer version 8.
<![endif]>
Please upgrade to Internet Explorer version 8.
<![endif]>

clickjacking

ovvero tecnica per cui l’utente pensa di aver cliccato una cosa, ma invece ne ha cliccata un’altra.

può essere messo in pratica anche con un semplici opacity:0; nei css.
Motivo per cui, dicono , alcuni siti non permettono l’embed, mettendo questa dicitura nella head:

<meta http-equiv="X-Frame-Options" content="deny">

es: dalla console
Refused to display  http://www.xxx.it/composition_widget/preventivo/’ in a frame because it set ‘X-Frame-Options’ to ‘SAMEORIGIN’.
 
info:http://en.wikipedia.org/wiki/Clickjacking – http://javascript.info/tutorial/clickjacking

Plugin WP che utilizza chart.js

URCA.. però funziona a shortCODE che fa molto molto strano.. non è molto proponibile a persone esterne.. Ecco il risultato della demo:
[wp_charts title="linechart" type="line" align="alignright" margin="5px" datasets="40,43,61,50 next 33,15,40,22" labels="one,two,three,four" scaleoverride="true" scalesteps="5" scalestepwidth="10" scalestartvalue="0"]
 
Ecco cosa bisogna scrivere per vedere quello sopra:
wp_charts title="linechart" type="line" align="alignright" margin="5px" datasets="40,43,61,50 next 33,15,40,22" labels="one,two,three,four" scaleoverride="true" scalesteps="5" scalestepwidth="10" scalestartvalue="0"