The world gets betterwith JavaScript

Arthur Camara & Angie Skazka

our colleague

Hans Rosling

http://gapminder.org/world

Demo time

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: { … }});

http://vizabi.org

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