The world gets better with JavaScript
1 like165 views
The document discusses the capabilities of Vizabi, a tool for creating interactive visualizations using JavaScript. It highlights features such as embedding charts, extending tools, and customizing user interfaces, while also emphasizing the open-source nature of the project. The authors, including Arthur Camara and Angie Skazka, invite collaboration from developers to enhance the platform further.
The world gets better with JavaScript
- 1. The world gets better with JavaScript Arthur Camara & Angie Skazka
- 4. Demo time
- 5. What you can do embed to your webpage Vizabi("BubbleChart", document.getElementById("my-div")); like, here
- 6. What you can do tune and communicate with page var placeholder = document.getElementById("my-div"); var bbchart = Vizabi("BubbleChart", placeholder, { state: { … }, ui: { … }, ... }); //later var options = bbchart.getOptions(); options.state.time.playing = true; bbchart.setOptions(options);
- 7. What you can do extend gapminder tools var bbchart = Vizabi.Tool.get("BubbleChart"); bbchart.extend("MyBubbleChart", { ready: { … } }); //embedding Vizabi("MyBubbleChart", document.getElementById("my-div"));
- 8. What you can do create your own tools and components Vizabi.Tool.extend("MyBubbleChart", { ready: { … } }); Vizabi.Component.extend("MyTimeslider", { ready: { … }, resize: { … } });
- 10. Unified data-schema for multidimensional stats Embeddable tools with customization Responsive layout Support for native UI Controls & Interaction Translation & Localization IconmadebyIconmoonfromwww.flaticon.com
- 11. ✿ build many other charts for vizabi ✿ have other developers helping us We want to:
- 13. Thank you Arthur Camara @arthur_camara Angie Skazka @angieskazka Amir Rahnama @_ambodi www.gapminder.org Ola Rosling @OlaRosling