Designing with data
Rasagy Sharma (@rasagy)
Designer, Mapbox
Slide 2
Slide 2 text
No content
Slide 3
Slide 3 text
Designing with data
for what?
Slide 4
Slide 4 text
Designing with data
for making objective
design decisions!
Data-driven design, data-informed design…
Slide 5
Slide 5 text
Designing with data
to exhibit, explain,
explore & experience!
Information visualization, data art…
Slide 6
Slide 6 text
Exhibit
List
Table
Spreadsheet
…
Seeing raw
data
Explain
Bar chart
Line graph
Scatterplot
…
Answering
questions
Explore
Treemap
Interactivity
EDA
…
Finding what to
ask iteratively
Experience
Installations
Synaesthetic Art
Generative design
…
Finding meaning
in data
Slide 7
Slide 7 text
What is art?
What is design?
Slide 8
Slide 8 text
What is
art? What
is design?
Art for art’s sake.
Design for the user’s
sake.”
— Folks at @Miranj
“
Slide 9
Slide 9 text
What is
art? What is
design?
She never looked nice.
She looked like art, and
art wasn't supposed to
look nice; it was
supposed to make you
feel something.”
— Rainbow Rowell (Eleanor & Park)
“
Slide 10
Slide 10 text
What is
art? What
is design?
Chair at my office
Eames Lounge Chair and
ottoman
Katerina Kamprani’s
Uncomfortably-designed
Objects
Design (function) Art (emotions)
Slide 11
Slide 11 text
“Every second of every
day, our senses bring
in way too much data
than we can possibly
process in our brains.”
– Peter Diamandis
https://www.socialmediatoday.com/technology-data/how-much-data-generated-every-
minute-infographic
Slide 12
Slide 12 text
Designing with data
to exhibit, explain,
explore & experience!
Slide 13
Slide 13 text
Designing with data
for seeing patterns
across time
Slide 14
Slide 14 text
Designing
with data
for seeing
patterns
across time
Temperature anomalies
https://www.flickr.com/phot
os/150411108@N06/3547191
0724/
Slide 15
Slide 15 text
Designing
with data
for seeing
patterns
across time
OSM Analysis dashboard
https://mapbox.github.io/os
m-analysis-dashboard
Slide 16
Slide 16 text
Designing with data
for making sense of the
world around us
Slide 17
Slide 17 text
Designing
with data
for civic issues
& decision
making
A nation divided, by Zeit
http://www.zeit.de/feature/
german-unification-a-
nation-divided
Slide 18
Slide 18 text
Designing
with data
for civic issues
& decision
making
Crash visualization for
Washington DC
https://blog.mapbox.com/o
pen-cities-are-smarter-
safer-cities-fd1c66099618
Slide 19
Slide 19 text
Designing with data
for understanding
complexity
Slide 20
Slide 20 text
Designing
with data for
understanding
complexity
Hive plots
http://mkweb.bcgsc.ca/linnet/
Slide 21
Slide 21 text
Designing
with data for
understanding
complexity
OSMCha
https://osmcha.mapbox.com/
Slide 22
Slide 22 text
Designing with data
for curiosity
Slide 23
Slide 23 text
Designing
with data
for curiosity
Slide 24
Slide 24 text
Designing
with data
for curiosity
4010 Facebook Tree by
Onformative
http://onformative.com/wor
k/4010-facebook-tree
Slide 25
Slide 25 text
Designing
with data
for curiosity
4010 Facebook Tree by
Onformative
http://onformative.com/wor
k/4010-facebook-tree
Slide 26
Slide 26 text
Designing
with data
for curiosity
Visualising painters’ lives by
Giorgia Lupi (Accurat)
https://www.brainpickings.o
rg/2013/06/07/painters-
lives-accurat-giorgia-lupi/
Slide 27
Slide 27 text
Designing
with data
for curiosity
Visualising painters’ lives by
Giorgia Lupi (Accurat)
https://www.brainpickings.o
rg/2013/06/07/painters-
lives-accurat-giorgia-lupi/
Slide 28
Slide 28 text
Designing with data
for seeing what we
can’t see
Slide 29
Slide 29 text
Designing
with data
for seeing
what we can’t
see
Poetry on the Road (2006)
by Boris Müller
http://www.esono.com/bori
s/projects/poetry06/
Slide 30
Slide 30 text
Designing
with data
for seeing
what we can’t
see
Visualizing 500 days of
Summer
http://rasagy.in/500days/
Slide 31
Slide 31 text
Designing
with data
for seeing
what we can’t
see
Visualizing 500 days of
Summer
http://rasagy.in/500days/
Slide 32
Slide 32 text
Designing with data
for representing
yourself
Slide 33
Slide 33 text
Designing
with data for
representing
yourself
Dear data by Giorgia Lupi
and Stefanie Posavec
http://www.dear-data.com/
Slide 34
Slide 34 text
Designing
with data for
representing
yourself
Dear data by Giorgia Lupi
and Stefanie Posavec
http://www.dear-data.com/
Slide 35
Slide 35 text
Designing
with data for
representing
yourself
Feltron Annual Reports
http://feltron.com/
Slide 36
Slide 36 text
Designing with data
for creating personal
artifacts
Slide 37
Slide 37 text
Designing
with data for
creating
personal
artifacts
Meshu
https://meshu.io/
Slide 38
Slide 38 text
Designing
with data for
creating
personal
artifacts
Gemnam & Circonam
http://agenerativeworld.
tumblr.com
Slide 39
Slide 39 text
Designing with data
for making familiar
unfamiliar
Slide 40
Slide 40 text
Designing
with data
for making
familiar
unfamiliar
Carbon map
http://www.worldmapper.or
g/display.php?selected=15#
Slide 41
Slide 41 text
Designing
with data
for making
familiar
unfamiliar
Visualizing trains from
Indian Metros
http://rasagy.in/Visualizing
Trains/
Slide 42
Slide 42 text
There’s a lot more
to be designed!
Slide 43
Slide 43 text
Visualization
taxonomy
Information is Beautiful by
David McCandless (2001)
Semiology of Graphics by
Jacques Bertin (1967)
Slide 44
Slide 44 text
“Data is the new oil.”
— Clive Humby
Slide 45
Slide 45 text
“Data is the new oil.”
— Clive Humby
“Data is the new soil, because for me,
it feels like a fertile, creative medium.”
— David Mccandless