# Guion definitivo · PEC 2 · Jorge Mateu Marín

**Objetivo de grabación: 7:25. Corte máximo de seguridad: 7:45.**
Texto hablado: **840 palabras**, contadas incluyendo las cifras escritas como se pronuncian.
Planificación con tu ritmo efectivo de la PEC 1, **117 palabras/min**, mostrando la web mientras narras: **7:11** de recorrido, o **7:31** con veinte segundos adicionales de margen. Incluso a 110 palabras/min más ese margen: **7:58**. No se suman pausas de demostración en silencio.
El tiempo real requiere ensayo con tu voz: no se genera locución ni vídeo con IA.

## Recorrido de grabación

| Bloque | Inicio | Fin objetivo | Duración | Palabras |
|---|---|---|---|---|
| Presentación y enlaces | 0:00 | 0:25 | 0:25 | 40 |
| Técnica 1 | 0:25 | 2:40 | 2:15 | 263 |
| Técnica 2 | 2:40 | 4:55 | 2:15 | 263 |
| Técnica 3 | 4:55 | 7:10 | 2:15 | 250 |
| Cierre | 7:10 | 7:25 | 0:15 | 24 |

Cada técnica dispone de **2:15**: se demuestra mientras se narran los hallazgos, como en la PEC 1; no hay tres bloques añadidos de silencio. Lectura, navegación y demostración están dentro de ese tiempo. Si acabas el texto pronto, muestra el gráfico hasta el final del bloque; no añadas frases. Si el ensayo resulta más lento, usa la estimación conservadora y mantén cada técnica entre 2 y 3 minutos, terminando antes de 7:45.

Abre `site_github/presentacion.html` y los tres gráficos locales. D3 está incluido y no necesitas conexión para grabar. La diapositiva 3 conserva las URL públicas de entrega. Usa pantalla completa a 1920 × 1080, voz propia y tu cara en una ventana pequeña que no cubra gráficos ni enlaces.

## Cobertura de la rúbrica

| Criterio | Evidencia |
|---|---|
| Presentación y enlaces (1) | Diapositivas 1–3, presentación personal y tres URL públicas |
| Definición (8) | Diapositivas 5, 9 y 13: mecánica, antecedentes, contraste y ejemplos concretos |
| Datos y limitaciones (6) | Diapositivas 6, 10 y 14: dimensiones, medidas, escalas, agregación y alternativas |
| Implementación (4) | Web: datos abiertos, preparación declarada, escala, color, etiquetas, tablas e interacción |
| Comentario (9) | Diapositivas 7, 11 y 15 y demostraciones: hallazgos, alcance, audiencia y datos → objetivo → técnica |
| Vídeo (2) | Tres bloques de 2:15, objetivo 7:25 y comprobación de voz, sonido y legibilidad |

No leer esta introducción, las instrucciones ni los nombres de los criterios. Leer únicamente los párrafos de texto hablado. No recortar catálogos, ejemplos ni limitaciones para ganar tiempo: evita repeticiones y cambios de pestaña innecesarios.

## Texto y acciones por bloque

### 0:00–0:25 · Presentación y enlaces

**Diap. 1–3 · Presentación y enlaces (1)**

Hola, soy Jorge Mateu Marín y presento mi PEC dos de Visualización de Datos, del Máster Universitario de Ciencia de Datos de la UOC. Mis técnicas son dispersión, slope chart y ridgeline. Sus enlaces públicos, sin registro, están en pantalla.

*En pantalla: Presentación personal, portada y enlaces. No leer las URL completas.*

### 0:25–2:40 · Técnica 1

**Diap. 4–5 · Definición (8)**

El diagrama de dispersión representa dos medidas mediante la posición horizontal y vertical de cada punto. Permite ver asociación, agrupaciones y excepciones. Tiene antecedentes en Herschel, en mil ochocientos treinta y tres, y en Galton. Ejemplos: superficie y precio por vivienda, o dosis y respuesta por paciente.

*En pantalla: Portadilla y mecánica. Señalar los ejemplos de la diapositiva 5.*

**Diap. 5 · Definición (8)**

Data Viz Project lo clasifica en correlación y distribución; Chartmaker, en relaciones multivariantes. From Data to Viz parte de dos variables numéricas; el Catalogue destaca patrones y relaciones. Contrastan finalidad y estructura del dato.

*En pantalla: Señalar las tres clasificaciones; las fuentes están enlazadas al pie.*

**Diap. 6 · Datos y limitaciones (6)**

Aquí hay una fila por país o territorio: PIB por habitante y esperanza de vida en años, ambas de razón. Cada país pesa igual. El PIB positivo permite usar logaritmos. De decenas a pocos miles de puntos es una orientación: el límite real es el solapamiento. Si aparece, usaría transparencia o hexágonos; con categorías, cajas; con subgrupos, facetas, para evitar la paradoja de Simpson.

*En pantalla: Escalas y nivel de agregación; señalar las alternativas.*

**Diap. 7 + web · Comentario (9) e implementación (4)**

Our World in Data aporta ciento sesenta y cuatro registros de dos mil veintidós. Aparté un registro anómalo, documentado. La correlación con el logaritmo del PIB es cero coma ochenta y cinco. Estados Unidos queda unos tres años bajo el ajuste y Nigeria, quince. Es la curva de Preston: con más renta, cada vez menos años por dólar. Son diferencias entre países: no prueban que aumentar el PIB cause esos años de vida.

*En pantalla: Abrir dispersion.html. Mostrar EE. UU. y Nigeria; abrir brevemente la nota de preparación si hace falta.*

**Diap. web · Comentario (9) e implementación (4)**

Partiendo del scatter, busqué dos medidas por país para mostrar su relación a estudiantes y público general. La posición común permite compararlas juntas; unas barras separadas lo dificultarían. España destacada orienta la lectura. D3 permite controlar la escala y resaltar continentes manteniendo la referencia global.

*En pantalla: Resaltar Europa y volver a Todos. Demostrar mientras narras. Si terminas antes del hito, mantener la gráfica sin añadir texto.*

### 2:40–4:55 · Técnica 2

**Diap. 8–9 · Definición (8)**

El slope chart conecta dos valores comparables por categoría. La altura muestra el nivel; la pendiente, el cambio; los cruces, la reordenación. Tufte publicó un ejemplo en mil novecientos ochenta y tres. Puede comparar intención de voto entre encuestas o precios de productos antes y después.

*En pantalla: Portadilla, dos extremos y ejemplos.*

**Diap. 9 · Definición (8)**

Data Viz Project lo clasifica en comparación y tendencia temporal; Chartmaker incluye Slope graph en Temporal y Trends. From Data to Viz y el Catalogue no tienen ficha propia en lo consultado; ausencia no implica discrepancia.

*En pantalla: Mostrar el contraste sin atribuir clasificaciones que las fuentes no declaran.*

**Diap. 10 · Datos y limitaciones (6)**

Categoría, dos estados y una medida: admite formato ancho o largo, con igual unidad y escala. Aquí son países, dos años y porcentajes. Unas cinco a treinta líneas orientan el diseño, pero valores próximos pueden saturar antes. Entonces usaría selección, tabla o dumbbell; para puestos, bump chart. Si importa la trayectoria intermedia, mostraría todos los años. Un extremo ausente impide comparar el cambio.

*En pantalla: Señalar estructura, escalas y alternativas.*

**Diap. 11 + web · Comentario (9) e implementación (4)**

Eurostat proporciona veintisiete países y el agregado europeo, que no es la media aritmética nacional. España pasa del trece coma ocho al veinticinco por ciento y mantiene el puesto trece. Dinamarca pasa del noveno al tercero; Croacia crece, pero baja del quinto al noveno. Subir y mejorar el puesto son preguntas diferentes. Y la media europea queda lejos del cuarenta y dos coma cinco por ciento, objetivo de la Unión para dos mil treinta.

*En pantalla: Abrir pendiente.html. Seleccionar España, Dinamarca y Croacia.*

**Diap. web · Comentario (9) e implementación (4)**

Para periodistas y responsables de energía interesa comparar nivel y cambio juntos. Las líneas conectan los extremos y evitan restar barras mentalmente. España y la Unión tienen colores propios; D3 separa etiquetas. La cuota no demuestra energía absoluta ni el efecto de una política.

*En pantalla: Mostrar tabla y volver a Todos. Demostrar mientras narras; no añadir un bloque de silencio.*

### 4:55–7:10 · Técnica 3

**Diap. 12–13 · Definición (8)**

El ridgeline compara distribuciones por grupos. Valor en horizontal, grupo en la fila y densidad estimada en altura; cada curva tiene área uno. Su antecedente visual aparece en Unknown Pleasures. En dos mil diecisiete Jenny Bryan propuso joyplot; Claus Wilke creó ggjoy y después ggridges.

*En pantalla: Portadilla y mecánica. Altura significa densidad, no recuento.*

**Diap. 13 · Definición (8)**

From Data to Viz le da ficha en distribuciones; Data Viz Project y el Catalogue no tienen entrada propia. Chartmaker incluye ridgeline como alias de Density plot. Ejemplos: edades por década o respuestas de probabilidad para distintas expresiones verbales.

*En pantalla: Mostrar taxonomía y ejemplos de dos dominios.*

**Diap. 14 · Datos y limitaciones (6)**

Pide observaciones numéricas por grupo. Aquí, una máxima diaria en grados Celsius, escala de intervalo, y el mes ordenado. Hay doce grupos de veintinueve a treinta y un días. Compartir suavizado y escala facilita comparar. Como orientación de diseño usaría entre seis y treinta grupos, no como límite matemático. Pocos datos requieren puntos; demasiado solapamiento, paneles o mapa de calor; valores exactos, tabla.

*En pantalla: Señalar normalización, agregación mensual y alternativas.*

**Diap. 15 + web · Comentario (9) e implementación (4)**

Los datos son de Open-Meteo Best Match: una celda de modelo, no una estación ni exclusivamente ERA cinco. En Barcelona, durante dos mil veinticuatro, la mediana pasa de unos quince grados en enero a treinta en agosto. Agosto tiene la menor dispersión: treinta de treinta y un días alcanzan veinticinco grados. Julio tiene la mayor, con una máxima de treinta y siete coma uno.

*En pantalla: Abrir crestas.html. Mostrar enero, julio y agosto con áreas azules y selector.*

**Diap. web · Comentario (9) e implementación (4)**

Para docencia y divulgación meteorológica quiero comparar variabilidad, que las medias ocultarían. En D3 mantengo un suavizado común y marco medianas. Con unos treinta días, las ondulaciones no prueban formas estables. Este año aislado tampoco demuestra una tendencia climática.

*En pantalla: Abrir tabla resumen. Demostrar mientras narras; no añadir un bloque de silencio.*

### 7:10–7:25 · Cierre

**Diap. 16 · Comentario (9)**

Tres estructuras, tres preguntas: asociación, cambio y distribución. Las técnicas encajan por cómo convierten esos datos en información visible. La herramienta permite ejecutarlas. Gracias.

*En pantalla: Cierre; detener antes de 7:45, sin añadir conclusiones improvisadas.*

## Antes de pulsar Grabar

1. Ensaya una vez con cronómetro y comprueba los hitos 0:25, 2:40, 4:55, 7:10 y 7:25. Si el resultado excede 7:45, repite con pausas de navegación más breves; no grabes la entrega por encima de 8:00.
2. Verifica en ventana privada las tres URL públicas después de subir `pec2-site.zip` a Cloudflare. Las copias locales corregidas no actualizan por sí solas la web pública.
3. Como en la PEC 1: pantalla principal con las diapositivas o la web y tu cara en una ventana pequeña durante todo el vídeo. Comprueba diez segundos de sonido, tamaño de letra y posición de tu cámara. No leas la memoria ni el contenido completo de las diapositivas.
4. Mantén cada técnica entre 2:00 y 3:00. Al acabar el texto antes de tiempo, usa la demostración prevista hasta completar el bloque; el cierre termina antes de 7:45.

Ambos guiones se generan del mismo texto: no existe una versión larga adicional que haya que leer.