visualizacion de datos avanzadas en wordpress
TRANSCRIPT
![Page 2: Visualizacion de datos avanzadas en WordPress](https://reader031.vdocuments.pub/reader031/viewer/2022020119/58a1ac161a28abe6468b66f9/html5/thumbnails/2.jpg)
¿Quéeslavisualizacióndedatos?
“Lavisualizacióndedatos(datavisualiza3on,en
inglés)eselprocesodebúsqueda,interpretación,contrastaciónycomparaciónde
datosquepermiteunconocimientoenprofundidadydetalledelosmismosdetalforma
quesetransformeneninformacióncomprensibleparaelusuario”
Wikipediadixit
2
![Page 3: Visualizacion de datos avanzadas en WordPress](https://reader031.vdocuments.pub/reader031/viewer/2022020119/58a1ac161a28abe6468b66f9/html5/thumbnails/3.jpg)
¿Porquéestanimportantelavisualizacióndedatos?
Almacenamostalcan@daddedatosde
diferentes@pos,dediferentesformatosydediferentesorígenesqueloquequeremosespoderrepresentarlosdemaneraentendible,
usableybonitaparaelusuario
3
![Page 4: Visualizacion de datos avanzadas en WordPress](https://reader031.vdocuments.pub/reader031/viewer/2022020119/58a1ac161a28abe6468b66f9/html5/thumbnails/4.jpg)
¿Donderepresentaresosdatos?
§ Podemosrepresentaresosdatosendiferentesplataformas:¨ Desdelaweb:Enunsi@oWordPress¨ Enelmóvil:Puedeseresemismosi@oWordPressperoop@mizadoparamóviles.(Piensaenweb)
¨ Desdeunaappmóvil.¨ Enunsimpledisplaydeunsistemaembebido
4
![Page 5: Visualizacion de datos avanzadas en WordPress](https://reader031.vdocuments.pub/reader031/viewer/2022020119/58a1ac161a28abe6468b66f9/html5/thumbnails/5.jpg)
Procesodevisualizacióndedatos
5
![Page 6: Visualizacion de datos avanzadas en WordPress](https://reader031.vdocuments.pub/reader031/viewer/2022020119/58a1ac161a28abe6468b66f9/html5/thumbnails/6.jpg)
¿Cómorepresentaresosdatos?
6
![Page 7: Visualizacion de datos avanzadas en WordPress](https://reader031.vdocuments.pub/reader031/viewer/2022020119/58a1ac161a28abe6468b66f9/html5/thumbnails/7.jpg)
¿Cómovamosarepresentaresosdatos?
7
![Page 8: Visualizacion de datos avanzadas en WordPress](https://reader031.vdocuments.pub/reader031/viewer/2022020119/58a1ac161a28abe6468b66f9/html5/thumbnails/8.jpg)
¿Quéherramientasdisponemos?
8
§ Comerciales,freemium,SaaS:¨ Infogram¨ Piktochart¨ GoogleCharts¨ …
§ LibreríasJavaScript:¨ D3.js¨ Flotr2.js¨ Raphael.js¨ Dygraphs.js¨ …
![Page 9: Visualizacion de datos avanzadas en WordPress](https://reader031.vdocuments.pub/reader031/viewer/2022020119/58a1ac161a28abe6468b66f9/html5/thumbnails/9.jpg)
GoogleCharts
9
![Page 10: Visualizacion de datos avanzadas en WordPress](https://reader031.vdocuments.pub/reader031/viewer/2022020119/58a1ac161a28abe6468b66f9/html5/thumbnails/10.jpg)
Pensemosenlaweb
10
![Page 11: Visualizacion de datos avanzadas en WordPress](https://reader031.vdocuments.pub/reader031/viewer/2022020119/58a1ac161a28abe6468b66f9/html5/thumbnails/11.jpg)
CanvasvsSVG
11
hbp://www.htmlgoodies.com/html5/other/html5-canvas-vs.-svg-choose-the-best-tool-for-the-job.html#fid=dkP-OnzEx3B
![Page 12: Visualizacion de datos avanzadas en WordPress](https://reader031.vdocuments.pub/reader031/viewer/2022020119/58a1ac161a28abe6468b66f9/html5/thumbnails/12.jpg)
D3.js
12
![Page 14: Visualizacion de datos avanzadas en WordPress](https://reader031.vdocuments.pub/reader031/viewer/2022020119/58a1ac161a28abe6468b66f9/html5/thumbnails/14.jpg)
Flotr2.js
14
![Page 15: Visualizacion de datos avanzadas en WordPress](https://reader031.vdocuments.pub/reader031/viewer/2022020119/58a1ac161a28abe6468b66f9/html5/thumbnails/15.jpg)
¿Quépodemoshacer?
15
![Page 16: Visualizacion de datos avanzadas en WordPress](https://reader031.vdocuments.pub/reader031/viewer/2022020119/58a1ac161a28abe6468b66f9/html5/thumbnails/16.jpg)
¿YenWordPressqué?
16
![Page 17: Visualizacion de datos avanzadas en WordPress](https://reader031.vdocuments.pub/reader031/viewer/2022020119/58a1ac161a28abe6468b66f9/html5/thumbnails/17.jpg)
17
![Page 18: Visualizacion de datos avanzadas en WordPress](https://reader031.vdocuments.pub/reader031/viewer/2022020119/58a1ac161a28abe6468b66f9/html5/thumbnails/18.jpg)
UsingJavaScriptonWordPress
18
hbps://codex.wordpress.org/Using_Javascript
![Page 19: Visualizacion de datos avanzadas en WordPress](https://reader031.vdocuments.pub/reader031/viewer/2022020119/58a1ac161a28abe6468b66f9/html5/thumbnails/19.jpg)
Créditos§ IñakiArenaza:@iarenaza§ IñakiGaritano:www.mondragon.edu§ AntonioVillegas:wprincipiante.es§ RicardoyVerónicadeSiloCrea@vo:[email protected]§ D3.js:d3js.org§ Flotr2.js:humblesooware.com/flotr2/§ Ilustraciones,textosygráficoshechosconCanvaFreewww.canva.com
19
![Page 20: Visualizacion de datos avanzadas en WordPress](https://reader031.vdocuments.pub/reader031/viewer/2022020119/58a1ac161a28abe6468b66f9/html5/thumbnails/20.jpg)
Preguntas
20
![Page 21: Visualizacion de datos avanzadas en WordPress](https://reader031.vdocuments.pub/reader031/viewer/2022020119/58a1ac161a28abe6468b66f9/html5/thumbnails/21.jpg)
¡Muchasgracias!Eskerrikasko!Grazas!Gràcies!Dankeschön!Thanks!Merçi!Grazie!Obrigado!Qatlho’!
[email protected]://twiber.com/dreguera
hbps://linkedin.com/in/danireguera