Sales¶

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]:

#!pip install ipyvizzu pandas

#!pip install ipyvizzu pandas

In [2]:

import pandas as pd  
from ipyvizzu import Chart, Data, Config, Style, DisplayTarget 

# Cargamos los datos desde un archivo CSV en un DataFrame
df = pd.read_csv(
    "https://ipyvizzu.vizzuhq.com/0.16/showcases/sales/sales.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 las ventas de zapatos
chart.animate(
    Data.filter("record['Product'] == 'Shoes'"),  # Filtramos por producto 'Shoes'
    Config(
        {
            "x": "Region",
            "y": ["Sales", "Product"],
            "label": "Sales",
            "color": "Product",
            "title": "Ventas de Zapatos",
        }
    ),
)

# Animación y configuración para mostrar las ventas de zapatos y bolsos
chart.animate(
    Data.filter("record['Product'] == 'Shoes' || record['Product'] == 'Handbags'"),
    Config({"title": "Ventas de Zapatos y Bolsos"}),
    delay=1,
)

# Animación y configuración para mostrar las ventas de zapatos, bolsos y guantes
chart.animate(
    Data.filter("record['Product'] != 'Accessories'"),
    Config({"title": "Ventas de Zapatos, Bolsos y Guantes"}),
    delay=1,
)

# Animación y configuración para mostrar las ventas de todos los productos
chart.animate(
    Data.filter(None),
    Config({"title": "Ventas de Todos los Productos"}),
    delay=1,
)

# Animación y configuración para mostrar los ingresos de todos los productos
chart.animate(
    Config(
        {
            "y": ["Revenue [$]", "Product"],
            "label": "Revenue [$]",
            "title": "Ingresos de Todos los Productos",
        }
    ),
    delay=1,
)

# Animación y configuración para cambiar los ejes y mostrar los productos en el eje x
chart.animate(
    Config({"x": ["Region", "Revenue [$]"], "y": "Product"}),
    delay=2,
)

# Animación y configuración para cambiar los ejes y mostrar los productos en el eje y
chart.animate(Config({"x": "Revenue [$]", "y": "Product"}))

# Animación y configuración para cambiar al sistema de coordenadas polar
chart.animate(Config({"coordSystem": "polar", "sort": "byValue"}), delay=1)

import pandas as pd from ipyvizzu import Chart, Data, Config, Style, DisplayTarget # Cargamos los datos desde un archivo CSV en un DataFrame df = pd.read_csv( "https://ipyvizzu.vizzuhq.com/0.16/showcases/sales/sales.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 las ventas de zapatos chart.animate( Data.filter("record['Product'] == 'Shoes'"), # Filtramos por producto 'Shoes' Config( { "x": "Region", "y": ["Sales", "Product"], "label": "Sales", "color": "Product", "title": "Ventas de Zapatos", } ), ) # Animación y configuración para mostrar las ventas de zapatos y bolsos chart.animate( Data.filter("record['Product'] == 'Shoes' || record['Product'] == 'Handbags'"), Config({"title": "Ventas de Zapatos y Bolsos"}), delay=1, ) # Animación y configuración para mostrar las ventas de zapatos, bolsos y guantes chart.animate( Data.filter("record['Product'] != 'Accessories'"), Config({"title": "Ventas de Zapatos, Bolsos y Guantes"}), delay=1, ) # Animación y configuración para mostrar las ventas de todos los productos chart.animate( Data.filter(None), Config({"title": "Ventas de Todos los Productos"}), delay=1, ) # Animación y configuración para mostrar los ingresos de todos los productos chart.animate( Config( { "y": ["Revenue [$]", "Product"], "label": "Revenue [$]", "title": "Ingresos de Todos los Productos", } ), delay=1, ) # Animación y configuración para cambiar los ejes y mostrar los productos en el eje x chart.animate( Config({"x": ["Region", "Revenue [$]"], "y": "Product"}), delay=2, ) # Animación y configuración para cambiar los ejes y mostrar los productos en el eje y chart.animate(Config({"x": "Revenue [$]", "y": "Product"})) # Animación y configuración para cambiar al sistema de coordenadas polar chart.animate(Config({"coordSystem": "polar", "sort": "byValue"}), delay=1)