Passengers of the Titanic¶
Nota: Si deseas ejecutar este ejemplo en Google Colab, primero debes ejecutar la siguiente celda para instalar las librerías necesarias:
!pip install ipyvizzu pandas
In [1]:
Copied!
#!pip install ipyvizzu pandas
#!pip install ipyvizzu pandas
In [2]:
Copied!
import pandas as pd
from ipyvizzu import Chart, Data, Config, DisplayTarget
# Cargamos los datos desde un archivo CSV en un DataFrame
df = pd.read_csv(
"https://ipyvizzu.vizzuhq.com/0.16/showcases/titanic/titanic.csv"
)
data = Data() # Creamos un objeto Data para manejar los datos
data.add_df(df) # Agregamos el DataFrame al objeto Data
# Crear un objeto Chart con el ancho y el alto deseados
chart = Chart(width="640px", height="360px",display=DisplayTarget.END)
chart.animate(data) # Animamos la gráfica utilizando los datos
# Animación y configuración para mostrar el recuento de pasajeros por género
chart.animate(
Config(
{
"x": "Count",
"y": "Sex",
"label": "Count",
"title": "Pasajeros del Titanic",
}
)
)
# Animación y configuración para mostrar el recuento de pasajeros y su estado de supervivencia
chart.animate(
Config(
{
"x": ["Count", "Survived"],
"label": ["Count", "Survived"],
"color": "Survived",
}
)
)
# Animación y configuración para mostrar el recuento de pasajeros por género y estado de supervivencia
chart.animate(Config({"x": "Count", "y": ["Sex", "Survived"]}))
# Animación y configuración para mostrar el recuento de pasajeros por género y estado de supervivencia en coordenadas polares
chart.animate(
Config(
{
"x": ["Count", "Sex", "Survived"],
"y": None,
"coordSystem": "polar",
}
)
)
import pandas as pd
from ipyvizzu import Chart, Data, Config, DisplayTarget
# Cargamos los datos desde un archivo CSV en un DataFrame
df = pd.read_csv(
"https://ipyvizzu.vizzuhq.com/0.16/showcases/titanic/titanic.csv"
)
data = Data() # Creamos un objeto Data para manejar los datos
data.add_df(df) # Agregamos el DataFrame al objeto Data
# Crear un objeto Chart con el ancho y el alto deseados
chart = Chart(width="640px", height="360px",display=DisplayTarget.END)
chart.animate(data) # Animamos la gráfica utilizando los datos
# Animación y configuración para mostrar el recuento de pasajeros por género
chart.animate(
Config(
{
"x": "Count",
"y": "Sex",
"label": "Count",
"title": "Pasajeros del Titanic",
}
)
)
# Animación y configuración para mostrar el recuento de pasajeros y su estado de supervivencia
chart.animate(
Config(
{
"x": ["Count", "Survived"],
"label": ["Count", "Survived"],
"color": "Survived",
}
)
)
# Animación y configuración para mostrar el recuento de pasajeros por género y estado de supervivencia
chart.animate(Config({"x": "Count", "y": ["Sex", "Survived"]}))
# Animación y configuración para mostrar el recuento de pasajeros por género y estado de supervivencia en coordenadas polares
chart.animate(
Config(
{
"x": ["Count", "Sex", "Survived"],
"y": None,
"coordSystem": "polar",
}
)
)