VisualizacionesdedatosavanzadasenWordPress

dreguera@mondragon.edu� DaniRegueraBakhache� @dreguera

¿Quéeslavisualizacióndedatos?

“Lavisualizacióndedatos(datavisualiza3on,en

inglés)eselprocesodebúsqueda,interpretación,contrastaciónycomparaciónde

datosquepermiteunconocimientoenprofundidadydetalledelosmismosdetalforma

quesetransformeneninformacióncomprensibleparaelusuario”

Wikipediadixit

2

¿Porquéestanimportantelavisualizacióndedatos?

Almacenamostalcan@daddedatosde

diferentes@pos,dediferentesformatosydediferentesorígenesqueloquequeremosespoderrepresentarlosdemaneraentendible,

usableybonitaparaelusuario

3

¿Donderepresentaresosdatos?

§  Podemosrepresentaresosdatosendiferentesplataformas:¨  Desdelaweb:Enunsi@oWordPress¨  Enelmóvil:Puedeseresemismosi@oWordPressperoop@mizadoparamóviles.(Piensaenweb)

¨  Desdeunaappmóvil.¨  Enunsimpledisplaydeunsistemaembebido

4

Procesodevisualizacióndedatos

5

¿Cómorepresentaresosdatos?

6

¿Cómovamosarepresentaresosdatos?

7

¿Quéherramientasdisponemos?

8

§  Comerciales,freemium,SaaS:¨  Infogram¨  Piktochart¨  GoogleCharts¨  …

§  LibreríasJavaScript:¨  D3.js¨  Flotr2.js¨  Raphael.js¨  Dygraphs.js¨  …

GoogleCharts

9

Pensemosenlaweb

10

CanvasvsSVG

11

hbp://www.htmlgoodies.com/html5/other/html5-canvas-vs.-svg-choose-the-best-tool-for-the-job.html#fid=dkP-OnzEx3B

D3.js

12

GoogleAnaly@csusaD3.js

13

Flotr2.js

14

¿Quépodemoshacer?

15

¿YenWordPressqué?

16

17

UsingJavaScriptonWordPress

18

hbps://codex.wordpress.org/Using_Javascript

Créditos§  IñakiArenaza:@iarenaza§  IñakiGaritano:www.mondragon.edu§  AntonioVillegas:wprincipiante.es§  RicardoyVerónicadeSiloCrea@vo:silocrea@vo.com§  D3.js:d3js.org§  Flotr2.js:humblesooware.com/flotr2/§  Ilustraciones,textosygráficoshechosconCanvaFreewww.canva.com

19

Preguntas

20

¡Muchasgracias!Eskerrikasko!Grazas!Gràcies!Dankeschön!Thanks!Merçi!Grazie!Obrigado!Qatlho’!

DaniRegueraMondragonUnibertsitateadreguera@mondragon.eduhbps://twiber.com/dreguera

hbps://linkedin.com/in/danireguera