IIC2026
Visualización de Información
Alessio Bellino
Equipo de Acompañamiento y Orientación Estudiantil
Dirección de Pregrado, Escuela de Ingeniería UC
orientaciondipre.ing@uc.cl
Salud estudiantil: En Campus San Joaquín: En oficinas de Salud y Bienestar Estudiantil, ubicadas en el 3° piso del Hall Universitario.
https://saludestudiantil.uc.cl/
Encuesta temprana
Es útil responderla
Comencemos con los datos
Excel / Google Sheets
Comencemos con los datos
CSV
Comencemos con los datos
JSON
[
{
"Fecha": "24 de julio de 2001 (01:00)",
"Nombre": "Tarapacá de 2001",
"Lat": -19,
"Lon": -70,
"Zonas": "I y II regiones",
"Magnitud": 6.5,
"Tzunami": false,
"Muertos": 1
}, … ,
{
"Fecha": "18 de abril de 2002 (12:08)",
"Nombre": "Copiapó de 2002",
"Lat": -27.535,
"Lon": -70.586,
"Zonas": "II y III regiones",
"Magnitud": 6.8,
"Tzunami": false,
"Muertos": 0
}
]
Comencemos con los datos
JavaScript
[
{
"Fecha": "24 de julio de 2001 (01:00)",
"Nombre": "Tarapacá de 2001",
"Lat": -19,
"Lon": -70,
"Zonas": "I y II regiones",
"Magnitud": 6.5,
"Tzunami": false,
"Muertos": 1
}, … ,
{
"Fecha": "18 de abril de 2002 (12:08)",
"Nombre": "Copiapó de 2002",
"Lat": -27.535,
"Lon": -70.586,
"Zonas": "II y III regiones",
"Magnitud": 6.8,
"Tzunami": false,
"Muertos": 0
}
]
let terremotos =
¿Qué formato requiere Plotly?
[
{
"Fecha": "24 de julio de 2001 (01:00)",
"Nombre": "Tarapacá de 2001",
"Lat": -19,
"Lon": -70,
"Zonas": "I y II regiones",
"Magnitud": 6.5,
"Tzunami": false,
"Muertos": 1
}, … ,
{
"Fecha": "18 de abril de 2002 (12:08)",
"Nombre": "Copiapó de 2002",
"Lat": -27.535,
"Lon": -70.586,
"Zonas": "II y III regiones",
"Magnitud": 6.8,
"Tzunami": false,
"Muertos": 0
}
]
let magnitude = [6.5, 6.8, …]
let lat = [-19, -27.535, …]
let lon = [-70, -70.586, …]
Plotly requiere arreglos…
Como reorganizar los datos con map
let terremotos = [
{
"Fecha": "24 de julio de 2001 (01:00)",
"Nombre": "Tarapacá de 2001",
"Lat": -19,
"Lon": -70,
"Zonas": "I y II regiones",
"Magnitud": 6.5,
"Tzunami": false,
"Muertos": 1
}, … ,
{
"Fecha": "18 de abril de 2002 (12:08)",
"Nombre": "Copiapó de 2002",
"Lat": -27.535,
"Lon": -70.586,
"Zonas": "II y III regiones",
"Magnitud": 6.8,
"Tzunami": false,
"Muertos": 0
}
]
Plotly requiere arreglos…
let magnitude = terremotos.map(item => item.Magnitud);
//magnitude será igual a [6.5, 6.8, ...]
Plotly.js
Proyecto: Planilla Entrega 1
Formulario
IIC2026
Visualización de Información
Alessio Bellino