{"repo":"vizzuhq/vizzu-story-js","free":true,"listed":false,"github":"https://github.com/vizzuhq/vizzu-story-js","clone":"git clone https://github.com/vizzuhq/vizzu-story-js.git","description":"Build and present animated data stories.","language":"JavaScript","stars":17,"topics":["javascript","interactive","template","presentation","charting","data-visualization","vizzu","datastory","datastorytelling"],"license":"Apache-2.0","category":"analytics","readme_excerpt":"Vizzu-Story - Build and present animated data stories Documentation · Examples · Code reference · Repository · Blog Vizzu-Story About The Extension Vizzu-Story is an extension for the Vizzu JavaScript library that allows users to create interactive presentations from the animated data visualizations built with Vizzu . The extension provides a Web Component that contains the presentation and adds controls for navigating between slides - predefined stages within the story. Installation Install via npm: Or use it from CDN: Usage Create a vizzu-player element that will contain the rendered story: In a script module element import the extension from CDN or local install: Add the underlying data for the data story. You can use the same data definition formats as in the Vizzu library, but you must add the entire data set for the whole story in the initial step; you can not change this later. See Data chapter for more details on data formats. Create the data story by defining a sequence of slides. A slide can be a single chart corresponding to an animate call from Vizzu . Or a slide can be a sequence of animation calls, in which case all of these animations will be played until the last one in the sequence, allowing for more complex transitions between slides. Navigation controls beneath the chart will navigate between the slides. You can use the PgUp and PgDn buttons, left and right arrows to navigate between slides, and the Home and End buttons to jump to the first or last slide. O","default_branch":null,"files":null,"tree":[],"storefront":"/r/vizzuhq","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/vizzuhq/vizzu-story-js/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}