Colab
Features
The features of ipyvizzu-story
that are available in Colab
are marked with a
green check.
-
Display the created
Story
(play
method) -
Display the created
Story
(_repr_html_
method) -
Use fullscreen *
-
Use navigation buttons
-
Set width/height of the
Story
-
Export the
Story
into a html file -
Get the html
Story
as a string
*Colab
disables the fullscreen button, use the built-in
view output fullscreen
option instead
Live example
Installation
Place the following code into a notebook cell in order to install
ipyvizzu-story
(visit Installation chapter for more
options and details).
!pip install ipyvizzu-story[jupyter]
Sample
Try ipyvizzu-story
in Colab
with the following sample.
# import ipyvizzu and ipyvizzu-story from ipyvizzu import Data, Config from ipyvizzustory import Slide, Step from ipyvizzustory import Story # or # from ipyvizzustory.env.ipy.story import Story # create data and initialize Story with the created data data = Data() data.add_series("Foo", ["Alice", "Bob", "Ted"]) data.add_series("Bar", [15, 32, 12]) data.add_series("Baz", [5, 3, 2]) # you can also add data with pandas # import pandas as pd # # data = Data() # df = pd.read_csv( # "https://ipyvizzu-story.vizzuhq.com/0.12/assets/data/data.csv" # ) # data.add_df(df) story = Story(data=data) # create Slides and Steps and add them to the Story slide1 = Slide( Step( Config({"x": "Foo", "y": "Bar"}), ) ) story.add_slide(slide1) slide2 = Slide( Step( Config({"color": "Foo", "x": "Baz", "geometry": "circle"}), ) ) story.add_slide(slide2) # note: in Colab, # it is recommended to set the width and height (CSS style), # because it will be too large with the default settings story.set_size(width="800px", height="480px") # you can export the Story into a html file story.export_to_html(filename="mystory.html") # or you can get the html Story as a string html = story.to_html() print(html) # you can display the Story with the `play` method story.play() # or you can also use the `_repr_html_` method. # story
Check the Tutorial for more info.