Seth&Nut – Crea, Innova y Presenta Data Storytelling + A.I.

Agenda

No
Nope
Jamás

Tachado

Regla de Storytelling #1

Nunca reveles el final antes de tiempo.
Siempre eleva la tensión y el dramatismo

Agenda (v2)

Nunca reveles el final
Los detalles son importantes, pero no todos los detalles son importantes.
Tu primera versión será horrible.
Muestra, no cuentes.

Data Storytelling

¿Por qué Data Storytelling?

¿Qué es el Storytelling?

🔥 Las historias son la primera tecnología humana

Esos cerebros tan hackables…

Regla del máximo y final (Peak-End Rule)

Rating de Game of Thrones, por Kelvin Neo

Narrativa

Usar trucos de Storytelling (narrativa) para crear presentaciones que serán recordadas y que causarán impacto

🎭 Las emociones generan acciones

El mejor ejemplo

¿Podemos hacer que millones de personas compartan estadísticas en redes sociales?

Regla de Storytelling #2

Los detalles son importantes, pero no todos los detalles son importantes.

Ejemplos

🔢 No compartas números

🪶Comparte una historia

(C) Storytelling with Data, por Cole Nussbaumer Knaflic.

Regla de Storytelling #3

Tu primera versión siempre será horrible.

Ejemplos

🥱 1° versión \(<\) … \(<\) 😊 última versión

Usar chatbots de IA para:

Plantillas personalizadas a medida
Automatizar estructura del contenido
Ahorro de tiempo en diseño
Adaptación al estilo y preferencias

Usar chatbots de IA para:

Analogías y ejemplos
Mejores traducciones
Prompts para crear imágenes
No busques imágenes, créalas!

Regla de Storytelling #4

Explicar menos y mostrar más

import matplotlib.pyplot as plt

# Datos de ejemplo
x = [1, 2, 3, 4, 5]
y = [2, 4, 3, 5, 7]

# Generamos el gráfico
plt.figure(figsize=(6, 4))
plt.plot(x, y, marker='o')
plt.title("Gráfico de Ejemplo")
plt.xlabel("Eje X")
plt.ylabel("Eje Y")
plt.grid(True)
plt.show()

Explicar menos y mostrar más

Agenda (v2)

Nunca reveles el final
Los detalles son importantes, pero no todos los detalles son importantes
Tu primera versión será horrible
Muestra, no cuentes

Visualización

¿Qué es la Visualización?

Visualización…

Convierte datos en gráficos para facilitar su comprensión.
Destaca patrones y tendencias de forma clara.

Ejemplos

❌ Mal Gráfico

✅ Buen Gráfico

Cuarteto de ANSCOMBE

📋 Tablas vs 📊 Gráficos

Datasaurus

Teoría de Visualización

4 Pilares Visualización - Noah Iliinsky

Propósito: Define la meta.
Contenido: Datos relevantes.
Estructura: Organización clara.
Formato: Gráfico adecuado.

(C) Noah Iliinsky: “Four Pillars of Visualization” - Youtube.

Qué Gráficos son buenos?

(C) Essential chart types for data visualization, por Atlassian.

Herramientas

Herramientas de Visualización

Herramientas para presentación

Clásica: PowerPoint
“Show don’t tell”:
- Quarto
- Streamlit
Otros: Canvas, Revealjs, Prezi

Quarto

Un sistema abierto para publicaciones científicas con markdown y código interactivo (Python/R).

Código: example.qmd

---
title: "Habits"
author: "John Doe"
format:
  revealjs:
    transition: fade
    theme: black
    toc: true
    center: true
---

## Getting up

- Turn off alarm
- Get out of bed

---

## Going to sleep 
::: { .incremental }

- Get in bed
- Count sheep

:::

Slides: example.html

Streamlit

Es una herramienta de código abierto que facilita la creación de aplicaciones web interactivas utilizando únicamente Python.

Streamlit: Ejemplo

import streamlit as st

# Título principal de la aplicación
st.title("Hola Streamlit")

# Mensaje principal con nombres y emoticón fijos
mensaje = "Darwin y Patricia son mejores amigos 😊"
st.write(mensaje)

# Imagen decorativa
st.image(
    "https://www.svgrepo.com/show/397758/people-hugging.svg",
    caption="Amigos",
    width=200  # Ajuste del tamaño de la imagen
)

# Footer
st.markdown(
    """
    ---
    Gracias por usar esta aplicación interactiva 🎈
    """
)