Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Diagramas básicos

Diagramas básicos

Presentación de Ricard Gràcia y Francisco José Moya en las jormadas #jpd13

Albert Cuesta

May 25, 2013
Tweet

Other Decks in Design

Transcript

  1. DIAGRAMAS BÁSICOS Jornadas de Periodismo de Datos. Barcelona, mayo 2013

    Análisis de los diferentes sistemas de representación visual de la información. Herramientas sencillas para convertir datos en gráficos y publicarlos Ricard Gràcia (@ricardgracia) Francisco José Moya (@nautilia)
  2. DIAGRAMAS BÁSICOS Herramientas para el taller GMAIL- GOOGLE DRIVE TUMBLR

    (www.tumblr.com) INFOGR.AM (www.infogr.am) DATAWRAPPER (www.datawrapper.de)
  3. “[en los gráficos] ...las tendencias, diferencias y asociaciones se perciben

    en un parpadeo. El ojo percibe de forma instantánea lo que al cerebro le llevaría segundos o minutos inferir de una tabla de números...” William Playfair. The Comercial and the Political Atlas 1786 DIAGRAMAS BÁSICOS
  4. DIAGRAMAS BÁSICOS 5 10 15 20 25 30 1900 1925

    1950 1975 2000 2025 1.Dentro del entorno de la página Título del gráfico Texto de aclaración de la información Línea de créditos (fuentes y autoría) Leyenda Leyenda 5 10 15 20 25 30 1900 1925 1950 1975 2000 2025 Título del gráfico Texto de aclaración de la información Línea de créditos (fuentes y autoría) Leyenda Leyenda 1 2 3 4 5 6 Titular Subtítulos Cuerpo principal Barra de enlaces/ complementos Elemento gráfico (fotografía, diagrama...) Arquitectura de un gráfico
  5. 2. Dentro del entorno de la pieza 5 10 15

    20 25 30 1900 1925 1950 1975 2000 2025 5 10 15 20 25 30 1900 1925 1950 1975 2000 2025 DIAGRAMAS BÁSICOS ·Debe entenderse por sí mismo ·Ha de mantener una estructura jerarquizada ·El lenguage utilizado ha de ser conciso y preciso ·Un gráfico es una entidad de información Arquitectura de un gráfico Titular Aclaración (unidades usadas, periodos de análisis, ámbito del estudio ...) Leyenda (códigos de color) Idea principal Piezas complementarias Créditos (fuente, autoría, notas a pie de página ...)
  6. DIAGRAMAS BÁSICOS Tortas (quesos, pasteles, tartas) Utilizados para mostrar las

    partes que forman un todo y la relevancia de éstas sobre el conjunto Pueden adoptar varias formas pero siempre cumplen un mismo criterio: DIVISIÓN PORCENTUAL DE LAS PARTES QUE FORMAN UN CONCEPTO Circulares Esto no quiere decir que las unidades sean siempre porcentajes, sino que son las divisiones las que representan estos porcentajes Concepto 1 xx,x Concepto 2 xx,x Concepto 3 xx,x Concepto 4 xx,x
  7. Rectangulares Hemiciclos DIAGRAMAS BÁSICOS Concepto 1 xx,x Concepto 2 xx,x

    Concepto 3 xx,x Concepto 4 xx,x Concepto 1 xx,x Concepto 3 xx,x Concepto 2 xx,x Concepto 4 xx,x Tortas (quesos, pasteles, tartas)
  8. Gráficos de barras Graficos comparativos de uno o más conceptos

    diferentes Un sólo concepto 5 10 15 20 25 30 1900 1925 1950 1975 2000 2025 1900 1925 1950 1975 2000 2025 23,2 25 30 15 31 32
  9. Gráficos de fiebres o evolutivas Muestran la evolución de uno

    o más conceptos a lo largo de una linea temporal 5 10 15 20 25 30 1900 1925 1950 1975 2000 2025 5 10 15 20 25 30 1900 1925 1950 1975 2000 2025 Concepto 1 Concepto 2 ESPECIFICACIÓN DE UNIDADES UTILIZADAS
  10. Gráficos de fiebres o evolutivas 1900 1925 1950 1975 2000

    2025 5 10 15 20 25 30 1900 1925 1950 1975 2000 2025 12 16 20 24 28 Cómo la alteración de la escala puede modificar el mensaje de la gráfica
  11. 5 10 15 20 25 30 1900 1925 1950 1975

    2000 2025 10 20 30 1900 1925 1950 1975 2000 2025 40 50 Gráficos de fiebres o evolutivas Cómo la alteración de la escala puede modificar el mensaje de la gráfica
  12. DIAGRAMAS BÁSICOS 0 5 10 15 20 0 3 6

    9 12 15 A-3 Tele 5 A-3 Tele 5 13,5 13,2 13,2 13,6
  13. DIAGRAMAS BÁSICOS 0 3 6 9 12 15 A-3 Tele

    5 14,3 14,6 A-3 Tele 5 17,6 12,8
  14. DIAGRAMAS BÁSICOS Comparación por tamaños Se utiliza el área de

    una forma como representación de su valor