the world gets better with javascript
TRANSCRIPT
The world gets betterwith JavaScript
Arthur Camara & Angie Skazka
our colleague
Hans Rosling
What you can do
embed to your webpage
Vizabi("BubbleChart", document.getElementById("my-div"));
like, here
What you can do
tune and communicate with page
var placeholder = document.getElementById("my-div");var bbchart = Vizabi("BubbleChart", placeholder, { state: { … }, ui: { … }, ...});
//latervar options = bbchart.getOptions();options.state.time.playing = true;bbchart.setOptions(options);
What you can do
extend gapminder tools
var bbchart = Vizabi.Tool.get("BubbleChart");bbchart.extend("MyBubbleChart", { ready: { … }});
//embeddingVizabi("MyBubbleChart", document.getElementById("my-div"));
What you can do
create your own tools and components
Vizabi.Tool.extend("MyBubbleChart", { ready: { … }});
Vizabi.Component.extend("MyTimeslider", { ready: { … }, resize: { … }});
Unified data-schema for multidimensional stats
Embeddable tools with customization
Responsive layout
Support for native UI Controls & Interaction
Translation & Localization
Ico
n m
ade
by
Ico
nm
oo
n fr
om
ww
w.fl
atic
on
.co
m
✿ build many other charts for vizabi
✿ have other developers helping us
We want to:
http://github.com/Gapminder/vizabi
OPEN SOURCE!!!! YAY
Thank you
Arthur Camara@arthur_camara
Angie Skazka@angieskazka
Amir Rahnama@_ambodi
www.gapminder.org
Ola Rosling@OlaRosling