52
Manejo, distribución y uso de datos abiertos: Gobierno y Sociedad Civil Dr. Lorenzino Vaccari Dr. Juan Pane 21/07/2014 ERTIC-2014 1

20140724 Ertic tecnicas de visualizacion de datos - periodismo de datos

Embed Size (px)

Citation preview

Page 1: 20140724 Ertic tecnicas de visualizacion de datos - periodismo de datos

ERTIC-2014 1

Manejo, distribución y uso de datos abiertos: Gobierno y Sociedad Civil

Dr. Lorenzino VaccariDr. Juan Pane

21/07/2014

Page 2: 20140724 Ertic tecnicas de visualizacion de datos - periodismo de datos

ERTIC-2014 2

Quiénes somos?

Lorenzino Vaccari• Dr. en Informatica • PM dati.trentino.it• Investigador de la Unión Europea @JRC

Juan Pane• Dr. en Informatica • Investigador @ dati.trentino.it y UNITN• Profesor FP-UNA• Consultor Datos Abiertos – PDG (USAID-CEAMSO)

21/07/2014

Page 3: 20140724 Ertic tecnicas de visualizacion de datos - periodismo de datos

ERTIC-2014 3

Programa

• Día 1: Introducción a Datos Abiertos y Datos Abiertos Gubernamentales

• Día 2: Técnicas de extracción de datos• Día 3: Datos geo-referenciados: estándares, publicación y

uso.• Día 4: Técnicas de visualización de datos, Periodismo de

datos• Día 5: Datathon: Práctica de extracción y visualización de

datos abiertos.

21/07/2014

Page 4: 20140724 Ertic tecnicas de visualizacion de datos - periodismo de datos

ERTIC-2014 4

VISUALIZACIÓN DE DATOS GEOGRÁFICOS

21/07/2014

Page 5: 20140724 Ertic tecnicas de visualizacion de datos - periodismo de datos

ERTIC - 2014

Ahora con GIS (1)

• Descargar datasets de Paraguay Pobreza de GeoCommons: http://geocommons.com/searches?query=Paraguay

23/07/2014 5

Page 6: 20140724 Ertic tecnicas de visualizacion de datos - periodismo de datos

ERTIC - 2014

Open GVSIG

23/07/2014 6

1. Dar un nombre el proyecto2. gVSIG maneja tres objetos:

- Vistas: para gestionar geo data

- Tablas: para gestionar atributos

- Mapas: para producir mapas en papel

3. Crear una vista y darle un nombre

Page 7: 20140724 Ertic tecnicas de visualizacion de datos - periodismo de datos

ERTIC - 2014

Agregar capas a la vista (pobreza)

23/07/2014 7

Page 8: 20140724 Ertic tecnicas de visualizacion de datos - periodismo de datos

ERTIC - 2014

No olvidar de especificar EPSG…

23/07/2014 8

1. Para la Vista2. Para cada

capa

Page 9: 20140724 Ertic tecnicas de visualizacion de datos - periodismo de datos

ERTIC - 2014

Especificar la visualización de la capa

23/07/2014 9

1. Seleccionar Layer properties

2. Seleccionar Symbology

3. Seleccionar Categories, Unique Values

4. Seleccionar Classification field: Poverty

5. Click Add all6. Click Apply7. Click OK

Page 10: 20140724 Ertic tecnicas de visualizacion de datos - periodismo de datos

ERTIC - 2014

¿Dónde está el mapa?

23/07/2014 10

Zoom en la capa (layer)…

Page 11: 20140724 Ertic tecnicas de visualizacion de datos - periodismo de datos

ERTIC - 2014

Agregar etiqueta

23/07/2014 11

1. Seleccionar Layer properties

2. Seleccionar Labelling3. Seleccionar Enable

Labelling4. Seleccionar label

field: Poverty5. Seleccionar Fixed

Height : 100006. Seleccionar Fixed

Colour7. Click Apply8. Click OK

Page 12: 20140724 Ertic tecnicas de visualizacion de datos - periodismo de datos

ERTIC - 2014

Guardar el proyecto

23/07/2014 12

Hacer los mismo con el archivo shapefile de límites administrativos:

gadm_first_level_administrative_boundaries_paraguay_2008

Page 13: 20140724 Ertic tecnicas de visualizacion de datos - periodismo de datos

ERTIC - 2014

First level administrative boundaries

23/07/2014 13

Page 14: 20140724 Ertic tecnicas de visualizacion de datos - periodismo de datos

ERTIC - 201423/07/2014 14

HISTORIAS GEO

Page 15: 20140724 Ertic tecnicas de visualizacion de datos - periodismo de datos

http://hot.openstreetmap.org

15ERTIC - 2014

Aplica principios de open source y datos abiertos para la respuesta humanitaria y el desarrollo económico

Humanitarian OpenStreetMap Team [HOT]

Terremoto de Haití

23/07/2014

Page 16: 20140724 Ertic tecnicas de visualizacion de datos - periodismo de datos

ERTIC - 201423/07/2014 16

http://www.webmapp.it/maps/dolomiti/map.html

Page 17: 20140724 Ertic tecnicas de visualizacion de datos - periodismo de datos

http://mappeelettorali.it/

23/07/2014 ERTIC - 2014

Page 18: 20140724 Ertic tecnicas de visualizacion de datos - periodismo de datos

ERTIC - 201423/07/2014 18

http://fixmystreet.org/

Page 19: 20140724 Ertic tecnicas de visualizacion de datos - periodismo de datos

Mapas de acuarela

http://content.stamen.com/files/cartography/index_watercolor.html#18.00/46.07204/11.12097

1923/07/2014 ERTIC - 2014

Page 20: 20140724 Ertic tecnicas de visualizacion de datos - periodismo de datos

De mapas a frazadas…

http://softcities.net

ERTIC – 2014 21/07/2014Maurizio Napolitano

Page 21: 20140724 Ertic tecnicas de visualizacion de datos - periodismo de datos

…y zapatos…

ERTIC – 201423/07/2014

Page 22: 20140724 Ertic tecnicas de visualizacion de datos - periodismo de datos

ERTIC-2014 22

VISUALIZACIÓN DE DATOS

21/07/2014

Page 23: 20140724 Ertic tecnicas de visualizacion de datos - periodismo de datos

ERTIC-2014 23

Raw

21/07/2014http://app.raw.densitydesign.org/

1. Cargar datos de matrículas por Departamento

2. Seleccionar el tipo de

Visualización

Page 24: 20140724 Ertic tecnicas de visualizacion de datos - periodismo de datos

ERTIC-2014 24

Raw

21/07/2014http://app.raw.densitydesign.org/

3. Definir las dimensiones a

mostrar

4. Ver los resultados

Page 25: 20140724 Ertic tecnicas de visualizacion de datos - periodismo de datos

ERTIC-2014 25

Raw

21/07/2014http://app.raw.densitydesign.org/

5. Usar las visualizaciones

creadas

3. Definir las dimensiones a

mostrar

4. Incluir en una página web

Page 26: 20140724 Ertic tecnicas de visualizacion de datos - periodismo de datos

ERTIC-2014 26

OpenSpending.org

21/07/2014

Page 27: 20140724 Ertic tecnicas de visualizacion de datos - periodismo de datos

ERTIC-2014 27

Paso 1: Cargar un Dataset

21/07/2014

Page 28: 20140724 Ertic tecnicas de visualizacion de datos - periodismo de datos

ERTIC-2014 28

Pasos para trabajar con OpenSpending

1. Definir el dataset (https://openspending.org/educacion_2012)

2. Cargar un dataset (http://goo.gl/noKWr1)3. Crear un modelo de datos, definir las

dimensiones4. Probar y cargar los datos5. Generar visualizaciones6. Publicar

21/07/2014

Page 29: 20140724 Ertic tecnicas de visualizacion de datos - periodismo de datos

ERTIC-2014 29

Cargar un dato

21/07/2014

Page 30: 20140724 Ertic tecnicas de visualizacion de datos - periodismo de datos

ERTIC-2014 30

Crear el Modelo de Datos

21/07/2014

Page 31: 20140724 Ertic tecnicas de visualizacion de datos - periodismo de datos

ERTIC-2014 31

Crear el Modelo de Datos

21/07/2014

Page 32: 20140724 Ertic tecnicas de visualizacion de datos - periodismo de datos

ERTIC-2014 32

Generar visualizaciones

21/07/2014

Page 34: 20140724 Ertic tecnicas de visualizacion de datos - periodismo de datos

ERTIC-2014 34

GapMinder.org

21/07/2014

Page 35: 20140724 Ertic tecnicas de visualizacion de datos - periodismo de datos

ERTIC-2014 35

Google Public Data

21/07/2014

http://goo.gl/x0Rjvr

Page 36: 20140724 Ertic tecnicas de visualizacion de datos - periodismo de datos

ERTIC-2014 36

DataVisualizer (Banco Mundial)

21/07/2014http://devdata.worldbank.org/DataVisualizer/

Page 37: 20140724 Ertic tecnicas de visualizacion de datos - periodismo de datos

ERTIC-2014 37

Banco Mundial

• Tiene una API para acceder a los datos– http://data.worldbank.org/developers/api-overview

• Varias aplicaciones– DataVisualizer (

http://devdata.worldbank.org/DataVisualizer/)– Google public data– Gapminder

21/07/2014

Page 38: 20140724 Ertic tecnicas de visualizacion de datos - periodismo de datos

ERTIC-2014 38

Otras herramientas

• Infogr.am(http://infogr.am/)– Para crear infografías

• Google Fusion Tables (http://tables.googlelabs.com/)– Para crear gráficos alla Excel con datos de Google Sheets

• Tableau (http://tableausoftware.com)– Cargar y conectarse a datos en la web y crear visualizaciones dinámicamente (similar a

RAW)• Datawrapper (http://datawrapper.de)

– Cargar y crear visualizaciones• Tabula (http://tabula.nerdpower.org)

– Para extraer datos, ej.: de tablas en PDF• CSVlint (http://csvlint.io)

– Para controlar la sintaxis del CSV• uMap (http://umap.fluv.io)

– Para crear mapas basados en OpenStreetMap

21/07/2014

Page 39: 20140724 Ertic tecnicas de visualizacion de datos - periodismo de datos

ERTIC-2014 39

Librerías de visualización de datos

Librerías• Google Charts API• D3js• Cartograma (http://prag.ma/code/d3-cartogram)

21/07/2014

Page 41: 20140724 Ertic tecnicas de visualizacion de datos - periodismo de datos

ERTIC-2014 41

D3js

21/07/2014

Page 42: 20140724 Ertic tecnicas de visualizacion de datos - periodismo de datos

ERTIC-2014 4221/07/2014

http://bost.ocks.org/mike/sankey/

Page 43: 20140724 Ertic tecnicas de visualizacion de datos - periodismo de datos

ERTIC-2014 43

SITIOS WEB DE REFERENCIA

21/07/2014

Page 44: 20140724 Ertic tecnicas de visualizacion de datos - periodismo de datos

ERTIC-2014 44

The Open Knowledge Foundation

21/07/2014

https://okfn.org/opendata/

Page 45: 20140724 Ertic tecnicas de visualizacion de datos - periodismo de datos

ERTIC-2014 45

Open Data Institute

21/07/2014

http://theodi.org/

Page 46: 20140724 Ertic tecnicas de visualizacion de datos - periodismo de datos

ERTIC-2014 46

Sunlight Foundation

21/07/2014

http://sunlightfoundation.com/

Page 47: 20140724 Ertic tecnicas de visualizacion de datos - periodismo de datos

ERTIC-2014 47

http://data.gov.uk

21/07/2014

Page 49: 20140724 Ertic tecnicas de visualizacion de datos - periodismo de datos

ERTIC-2014 49

TRABAJO PRÁCTICO

21/07/2014

Page 50: 20140724 Ertic tecnicas de visualizacion de datos - periodismo de datos

ERTIC-2014 50

Trabajo práctico

Datos• Educación• Contrataciones• SAS• Hacienda• Banco mundial• OpenStreetMap

Visualización• OpenStreetMap• gvSIG, QGIS• Fusion tables• Tableau• Info.gr• D3js• Raw

21/07/2014

Todo se publicará con licencia CC-BY con los alumnos como autores

Page 51: 20140724 Ertic tecnicas de visualizacion de datos - periodismo de datos

ERTIC-2014 51

Ejemplos

• Agregar todas las escuelas en OpenStreetMaps (2 personas)• Mapa de colores con datos de matriculas

– Por departamento– Por Distrito

• Google Fusion tables (tableau, info.gr) de matriculas• Extraer tablas de vehículos y mostrar infogramas• Extraer tablas de mueblas y mostrar infogramas• Infogramas de nóminas de:

– Docentes– Administrativos

• Crear todos los datos del Zoológico (1 persona)• Mapear todos los edificios de FP-UNA (1 persona)• Lista de todos los datos públicos en sitios gubernamentales (3 personas)

– Formato, licencia, URL, problemas, contacto, propietario• Lista de datos referentes al Paraguay, no oficiales (BM, USAID, GeoCommons,

OpenGeoPortal, …). APIs, datos, licencias, contacto, propietario

21/07/2014

Page 52: 20140724 Ertic tecnicas de visualizacion de datos - periodismo de datos

ERTIC-2014 52

Muchas gracias!

Preguntas?

Dr. Lorenzino Vaccari [email protected]. Juan Pane [email protected]

21/07/2014