@@ -38,7 +38,7 @@ npm install vizzu-story
3838Or use it from [ CDN] ( https://www.jsdelivr.com/package/npm/vizzu-story ) :
3939
4040``` javascript
41- import VizzuPlayer from ' https://cdn.jsdelivr.net/npm/vizzu-story@latest/dist/vizzu-story.min.js' ;
41+ import VizzuPlayer from ' https://cdn.jsdelivr.net/npm/vizzu-story@latest/dist/vizzu-story.min.js'
4242```
4343
4444## Usage
@@ -56,7 +56,7 @@ In a script module element import the extension from `CDN` or local install:
5656```
5757<script type="module">
5858 import VizzuPlayer from
59- 'https://cdn.jsdelivr.net/npm/vizzu-story@latest/dist/vizzu-story.min.js';
59+ 'https://cdn.jsdelivr.net/npm/vizzu-story@latest/dist/vizzu-story.min.js'
6060</script>
6161```
6262
@@ -78,7 +78,7 @@ const data = {
7878 name: ' Baz' ,
7979 values: [5 , 3 , 2 ]
8080 }]
81- };
81+ }
8282```
8383
8484Create the data story by defining a sequence of slides. A slide can be a single
@@ -99,7 +99,7 @@ const slides = [{
9999 x: ' Baz' ,
100100 geometry: ' circle'
101101 }
102- }];
102+ }]
103103```
104104
105105Navigation controls beneath the chart will navigate between the slides. You can
@@ -112,10 +112,10 @@ the slides, only the data filter used.
112112
113113``` typescript
114114interface Chart {
115- config? : Vizzu .Config .Chart ;
116- filter? : Vizzu .Data .FilterCallback | null ;
117- style? : Vizzu .Styles .Chart ;
118- animOptions? : Vizzu .Anim .Options ;
115+ config? : Vizzu .Config .Chart
116+ filter? : Vizzu .Data .FilterCallback | null
117+ style? : Vizzu .Styles .Chart
118+ animOptions? : Vizzu .Anim .Options
119119}
120120```
121121
@@ -127,14 +127,14 @@ also set the `story` `style` property to set the chart style used for the whole
127127const story = {
128128 data: data,
129129 slides: slides
130- };
130+ }
131131```
132132
133133Then set up the created element with the configuration object:
134134
135135``` javascript
136- const vp = document .querySelector (' vizzu-player' );
137- vp .slides = story;
136+ const vp = document .querySelector (' vizzu-player' )
137+ vp .slides = story
138138```
139139
140140> [ Check out a live example in JSFiddle!] ( https://jsfiddle.net/VizzuHQ/topcmuyf/3/ )
@@ -157,7 +157,7 @@ further info.
157157 [ vizzu-community.slack.com] ( https://join.slack.com/t/vizzu-community/shared_invite/zt-w2nqhq44-2CCWL4o7qn2Ns1EFSf9kEg )
158158
159159
160- - Drop us a line at hello@vizzuhq.com
160+ - Drop us a line at hello@vizzu.io
161161
162162- Follow us on Twitter:
163163 [ https://twitter.com/VizzuHQ ] ( https://twitter.com/VizzuHQ )
0 commit comments