Skip to content

Noteable

Features

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.

Installation

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

Sample

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( "https://ipyvizzu.vizzuhq.com/0.18/showcases/titanic/titanic.csv" ) data.add_df(df) chart.animate(data) # add config to Chart chart.animate( Config( { "x": "Count", "y": "Sex", "label": "Count", "title": "Passengers of the Titanic", } ) ) chart.animate( Config( { "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.show() # chart

Check the Tutorial for more info.