Initialization
Import
From ipyvizzu import Data, Config and Style and from ipyvizzu-story
import Story, Slide and Step:
from ipyvizzu import Data, Config, Style
from ipyvizzustory import Story, Slide, StepConstructor
You need to put the Data object (described in the Data chapter)
into the Story constructor. You can not alter the data later but the data
being shown can be filtered at each step.
story = Story(data=data)You can set the style used initally for the story as you can see in this example, and you can alter the style at each step within the story.
story = Story(data=data, style=Style({"title": {"fontSize": 50}}))Tip
Check ipyvizzu - Color palette & fonts chapter and ipyvizzu - Chart layout chapter for more details on the available styling options.
Size
ipyvizzu-story tries to apply the ideal width and height for the story,
but you can also set them manually with the set_size method.
story.set_size(width="100%", height="400px")Story properties
vizzu
ipyvizzu-story requires and downloads the
Vizzu JavaScript/C++
library from jsDelivr CDN, but
you can also use a different or self-hosted version of it.
story.vizzu = "<url>/vizzu.min.js"Info
The default value of vizzu property is None, because the default version
of Vizzu is stored in the vizzu-story package.
vizzu_story
ipyvizzu-story requires and downloads the
Vizzu-Story JavaScript
package from jsDelivr CDN,
but you can also use a different or self-hosted version of it.
story.vizzu_story = "<url>/vizzu-story.min.js"