Tres técnicas de visualización
Tres conjuntos de datos abiertos para la PEC 2 de Visualización de datos (UOC), por Jorge Mateu Marín. Cada página es estática, con D3.js, tooltip, tabla de datos y fuente citada.
Técnicas asignadas
| Técnica | Grupo | Datos |
|---|---|---|
| Diagrama de dispersión | I | Our World in Data, 2022 |
| Slope chart | II | Eurostat, 2010 y 2023 |
| Ridgeline plot | III | Open-Meteo, Barcelona 2024 |
1 · Diagrama de dispersión
PIB per cápita y esperanza de vida, 2022 · Our World in Data
2 · Slope chart
Cuota de renovables en la UE, 2010 → 2023 · Eurostat
3 · Ridgeline plot
Máximas diarias por mes en Barcelona, 2024 · Open-Meteo (Best Match)
Enlaces directos y materiales
- 1 · Dispersión: dispersion.html
- 2 · Slope chart: pendiente.html
- 3 · Ridgeline: crestas.html
- Diapositivas de la presentación (navega con ← → o espacio).
- Datos: Our World in Data (CC BY), Eurostat (reutilización libre con cita), Open-Meteo (CC BY 4.0).
- Código: HTML + D3.js v7. Datos incrustados y biblioteca incluida: los gráficos también funcionan sin conexión desde la carpeta completa.
Referencias bibliográficas (Harvard)
- Munzner, T. (2014) Visualization analysis and design. Boca Raton, FL: A K Peters/CRC Press. Caps. 2 y 5; recursos y figuras de la autora. Disponible en: https://www.cs.ubc.ca/~tmm/vadbook/ (Consultado: 1 noviembre 2026).
- Schwabish, J. (2021) Better data visualizations: a guide for scholars, researchers, and wonks. Nueva York: Columbia University Press. Parte II: tiempo (cap. 5), distribución (cap. 6) y relación (cap. 8). Disponible en: https://cup.columbia.edu/book/better-data-visualizations/9780231193115/ (Consultado: 1 noviembre 2026).
- Universitat Oberta de Catalunya (2025) La importancia del qué y el cómo en visualización de datos. Material docente del aula, marzo. Barcelona: FUOC. Material docente del aula; no se redistribuye.
- Coll Campmany, N. (2023) Cuaderno del Taller de color. 1.ª ed. Barcelona: FUOC. Año indicado por la autocita del recurso; coordinación de G. San Cornelio (2020). Disponible en: https://recurs.uoc.edu/taller-color/es/ (Consultado: 1 noviembre 2026).
- Gil Bellosta, C.J. (s.f.) Introducción a ggplot2 y ggmap. Barcelona: FUOC (PID_00235524). Material docente del aula; no se redistribuye.
- Friendly, M. y Denis, D. (2005) «The early origins and development of the scatterplot», Journal of the History of the Behavioral Sciences, 41(2), pp. 103–130. Disponible en: https://www.sci.utah.edu/~kpotter/Library/Papers/friendly%3A2005%3AEODS/index.html (Consultado: 1 noviembre 2026).
- Tufte, E.R. (1983) The visual display of quantitative information. Cheshire, CT: Graphics Press, pp. 158–159. Ejemplo reproducido y explicado por el autor en su página de 2011. Disponible en: https://www.edwardtufte.com/notebook/slopegraphs-for-comparing-gradients-slopegraph-theory-and-practice/ (Consultado: 1 noviembre 2026).
- Tufte, E.R. (2011) Slopegraphs for comparing gradients: slopegraph theory and practice. Disponible en: https://www.edwardtufte.com/notebook/slopegraphs-for-comparing-gradients-slopegraph-theory-and-practice/ (Consultado: 1 noviembre 2026).
- Wilke, C.O. (2017) Goodbye joyplots. 15 septiembre. Disponible en: https://clauswilke.com/blog/2017/09/15/goodbye-joyplots/ (Consultado: 1 noviembre 2026).
- Wilke, C.O. (s.f.) ggridges: Ridgeline plots in ggplot2. Documentación del paquete. Disponible en: https://wilkelab.org/ggridges/ (Consultado: 1 noviembre 2026).
- Ferdio (s.f.) Data Viz Project. Fichas «Scatter Plot» y «Slope Chart». Disponible en: https://datavizproject.com/ (Consultado: 1 noviembre 2026).
- Holtz, Y. y Healy, C. (2018) From Data to Viz: Find the graphic you need. Fichas «Scatterplot» y «Ridgeline». Disponible en: https://www.data-to-viz.com/ (Consultado: 1 noviembre 2026).
- Ribecca, S. (s.f.) The Data Visualisation Catalogue. Ficha «Scatterplot». Disponible en: https://datavizcatalogue.com/methods/scatterplot.html (Consultado: 1 noviembre 2026).
- Kirk, A. (s.f.) The Chartmaker Directory. Visualising Data. Fichas «Scatter plot», «Slope graph» y «Density plot»; catálogo completo contrastado mediante su API pública. Disponible en: https://chartmaker.visualisingdata.com/ (Consultado: 1 noviembre 2026).
- Oficina de Publicaciones de la Unión Europea (2023) Data Visualisation Guide. data.europa.eu; apartados Grammar of Graphics, visualización de distribuciones y líneas. Disponible en: https://data.europa.eu/apps/data-visualisation-guide/ (Consultado: 1 noviembre 2026).
- Our World in Data (s.f.) Life expectancy vs. GDP per capita [conjunto de datos]. Selección de 2022; indicadores UN WPP 2024 y Maddison Project Database 2023 según la ficha de OWID. Disponible en: https://ourworldindata.org/grapher/life-expectancy-vs-gdp-per-capita (Consultado: 1 noviembre 2026).
- Eurostat (2026) Renewable energy share (nrg_ind_ren) [conjunto de datos]. Comisión Europea. Versión conservada: actualización 15 septiembre; indicador REN, unidad PC, años seleccionados 2010 y 2023. Disponible en: https://ec.europa.eu/eurostat/databrowser/view/nrg_ind_ren/ (Consultado: 1 noviembre 2026).
- Eurostat (s.f.) Copyright notice and free re-use of data. Aviso editorial CC BY 4.0 y condiciones específicas de reutilización de estadísticas con atribución, conforme a la Decisión 2011/833/UE. Disponible en: https://ec.europa.eu/eurostat/help/copyright-notice (Consultado: 1 noviembre 2026).
- Open-Meteo (s.f.) Historical Weather API [API de datos, CC BY 4.0]. Selección Best Match; máximas diarias de 2024 en Barcelona. El año de observación no se usa como año de publicación de la API. Disponible en: https://open-meteo.com/en/docs/historical-weather-api (Consultado: 1 noviembre 2026).
- Bostock, M. (s.f.) D3.js (versión 7.9.0) [software]. Biblioteca incluida con su licencia ISC. Disponible en: https://d3js.org/ (Consultado: 1 noviembre 2026).