Post con gráfico

¿Podemos incrustar animaciones de Vizzu en un blog?

¡SI SE PUEDE!

import pandas as pd

from ipyvizzu import Data, Config, Style
from ipyvizzustory import Story, Slide, Step


# Crear objeto de datos, leer csv a data frame y agregar data frame al objeto de datos
data = Data()
df = pd.read_csv(
    "https://ipyvizzu-story.vizzuhq.com/0.9/examples/population/population.csv",
    dtype={"Year": str},
)
data.add_df(df)


# Crear objeto story, agregarle los datos
story = Story(data=data)

# Definir el tamaño del elemento HTML
# que aparece dentro del notebook
story.set_size("100%", "400px")

# Activar el tooltip que aparece
# cuando el usuario pasa el mouse sobre un elemento del gráfico
story.set_feature("tooltip", True)


# Cada slide aquí es una página en la story interactiva final
# Agregar la primera slide
slide1 = Slide(
    Step(
        Data.filter("record.Continent == 'Africa'"),
        Config.stackedArea(
            {
                "x": "Year",
                "y": "Medium",
                "stackedBy": "Subregion",
                "title": "Population of Africa 1953-2098",
            }
        ),
        Style({"plot": {"xAxis": {"label": {"angle": 2.0}}}}),
    )
)
# Agregar la slide a la story
story.add_slide(slide1)

slide2 = Slide(
    Step(
        Config.percentageArea(
            {
                "x": "Year",
                "y": "Medium",
                "stackedBy": "Subregion",
            }
        ),
    )
)
story.add_slide(slide2)

slide3 = Slide(
    Step(
        Config.stream(
            {
                "x": "Year",
                "y": "Medium",
                "stackedBy": "Subregion",
            }
        ),
    )
)
story.add_slide(slide3)

slide4 = Slide(
    Step(
        Config.violin(
            {
                "x": "Year",
                "y": "Medium",
                "splittedBy": "Subregion",
            }
        ),
    )
)
story.add_slide(slide4)


# ¡Reproducir la story creada!
story.play()