Tweet
Tweet

Slide 1

Slide 1 text

Object Constancy In Visualisations

Slide 2

Slide 2 text

Lukas “Overbryd” Rieder

Slide 3

Slide 3 text

…back in March…

Slide 4

Slide 4 text

No content

Slide 5

Slide 5 text

700 lines of code MONSTER

Slide 6

Slide 6 text

Design is hard.

Slide 7

Slide 7 text

I usually do not look back.

Slide 8

Slide 8 text

You know when a design is done, because it stopped being a nightmare.

Slide 9

Slide 9 text

Object Constancy

Slide 10

Slide 10 text

No content

Slide 11

Slide 11 text

No content

Slide 12

Slide 12 text

Simple good example

Slide 13

Slide 13 text

No content

Slide 14

Slide 14 text

No content

Slide 15

Slide 15 text

No content

Slide 16

Slide 16 text

Everything else is cups and balls.

Slide 17

Slide 17 text

No content

Slide 18

Slide 18 text

No content

Slide 19

Slide 19 text

D3

Slide 20

Slide 20 text

Data-Driven-Documents

Slide 21

Slide 21 text

Data-Driven-Documents 1 2 3

Slide 22

Slide 22 text

Michael Bostock @mbostock Jason Davies @jasondavies

Slide 23

Slide 23 text

Overwhelmingly great projects and community.

Slide 24

Slide 24 text

No content

Slide 25

Slide 25 text

Reuses the web ecosystem

Slide 26

Slide 26 text

yet another bar chart tutorial

Slide 27

Slide 27 text

Follow up on @Overbryd
 for slides and code

Slide 28

Slide 28 text

Follow @mbostock or @jasondavies
 for D3 development

Slide 29

Slide 29 text

Contact team@opencorporates.com for a job! The largest open database of companies in the world is looking for a frontend designer.

Slide 30

Slide 30 text

• "Animated Transitions in Statistical Data Graphics" Paper
 http://vis.berkeley.edu/papers/animated_transitions/2007-AnimatedTransitions-InfoVis.pdf • D3 InfoVis Paper
 http://vis.stanford.edu/files/2011-D3-InfoVis.pdf • D3 contributors
 https://github.com/mbostock/d3/graphs/contributors • D3 Gallery
 https://github.com/mbostock/d3/wiki/Gallery • D3 API Reference
 https://github.com/mbostock/d3/wiki/API-Reference • D3 “How Selections Work”
 http://bost.ocks.org/mike/selection/ • RUG-B Income Survey
 http://overbryd.github.io/income_survey/ • Ruby Logo Flat Image (Slide 2) by Vivien Leroy
 https://dribbble.com/shots/988487-Flat-UI-Ruby • “Monster” Image (Slide 5) by Walt Disney Pictures and Pixar Animation Studios • Cups and Balls Trick (Slide 17) by Matthew Noah Falk
 https://www.youtube.com/watch?v=KRtPoX6tExU • Gapminder's Wealth & Health of Nations
 http://romsson.github.io/dragit/example/nations.html • Is it Better to Rent or Buy?
 http://www.nytimes.com/interactive/2014/upshot/buy-rent-calculator.html • Visualising algorithms
 http://bost.ocks.org/mike/algorithms/ References