Skip to content



The features of ipyvizzu that are available in Noteable are marked with a green check.

  • Change the url of Vizzu (vizzu)
  • Change the width of the Chart (width)
  • Change the height of the Chart (height)
  • Use scroll into view (scroll_into_view=True)

Display features:

  • Display all animations after _repr_html_ method called (display=DisplayTarget.MANUAL)
  • Display all animations after show method called (display=DisplayTarget.MANUAL)
  • Automatically display all animations after the first cell (display=DisplayTarget.BEGIN)
  • Automatically display all animations after the currently running cell (display=DisplayTarget.ACTUAL)
  • Automatically display all animations after the last running cell (display=DisplayTarget.END)
  • Rerun any cell without rerun the first cell (display!=DisplayTarget.MANUAL)

Check Chart settings chapter for more details.


Place the following code into a notebook cell in order to install ipyvizzu (visit Installation chapter for more options and details).

!pip install ipyvizzu pandas


Try ipyvizzu in Noteable with the following sample.

# import pandas and ipyvizzu

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

# initialize Chart

chart = Chart(
    width="640px", height="360px"
)  # or Chart(width="640px", height="360px", display=DisplayTarget.ACTUAL)
# chart = Chart(width="640px", height="360px", display=DisplayTarget.BEGIN)
# chart = Chart(width="640px", height="360px", display=DisplayTarget.END)
# chart = Chart(width="640px", height="360px", display=DisplayTarget.MANUAL)

# add data to Chart

data = Data()
df = pd.read_csv(


# add config to Chart

            "x": "Count",
            "y": "Sex",
            "label": "Count",
            "title": "Passengers of the Titanic",
            "x": ["Count", "Survived"],
            "label": ["Count", "Survived"],
            "color": "Survived",
chart.animate(Config({"x": "Count", "y": ["Sex", "Survived"]}))

# add style to Chart

chart.animate(Style({"title": {"fontSize": 35}}))

# display Chart with show or _repr_html_ method (display=DisplayTarget.MANUAL)

# chart

Check the Tutorial for more info.