6.4. Demo: Estadísticas de redes sociales en tabla

Ya hemos visto cómo crear tablas accesibles con JavaScript puro y cómo mejorarlas con una librería como Tabulator. En esta demo mostramos el dataset de estadísticas de uso de redes sociales en formato CSV como una tabla dinámica.

📌 Qué encontrarás en las demos

Carga real del dataset estadisticas-de-uso-de-redes-sociales.csv.
Dos enfoques:
Vanilla: tabla HTML básica generada con createElement.
Librería (Tabulator): tabla con búsqueda, ordenación y paginación.
Manejo de errores y rutas relativas para trabajar en servidor local.

Consejo

Con Tabulator puedes añadir filtros avanzados y exportación de datos. Revisa la documentación si quieres ir más allá de lo mostrado aquí.

📌 Acceso a las demos

▶️ Demo con JavaScript puro (Vanilla)

Abrir demo en vivo (Vanilla Javascript)

También puedes verla incrustada aquí:

▶️ Demo con librería (`Tabulatorre`)

Abrir demo en vivo (Tabulator)

También puedes verla incrustada aquí:

📝 Preguntas de reflexión

Repaso

¿Qué ventajas aporta Tabulator frente a una tabla en HTML básico?
¿Qué problemas puedes tener al mostrar un CSV grande directamente en una tabla?
¿Qué significa layout: "fitColumns" en Tabulator?
¿Qué mejoras podrías añadir para hacer la tabla más accesible?
¿Cómo cambiarías el código para mostrar solo las filas de un año concreto?