An Introduction to Data Visualization & Processing ( Programming Language)

Slide 1

Slide 1 text

An Introduction to Data Visualization & Processing ( A Programming Language ) Uttam Grandhi, Artist Artoo IT Solutions Pvt. Ltd. Uttam Grandhi Uttam Grandhi @2kool2resist

Slide 2

Slide 2 text

Attention: The following material encapsulates an artist’s perspective on Data & Visualization. It might be very eccentric to the conventional ideas/ deﬁnitions of the same. Hence, I urge you not to put any mental constraints/ limits and experience this talk with an open mind. But I assure you the content would deﬁnitely stimulate your creative minds.

Slide 3

Slide 3 text

Data • Dictionary Defn. Data is a collection of facts. • After the advent of social media, people often tend to think of twitter, facebook and google are the primary sources of factual/interesting information. • But, Data can literally come from anywhere. It is everywhere around you, the voice you hear, the pictures you see, the thoughts you get, and the list goes on..your imagination is the limit.

Slide 4

Slide 4 text

Few examples • Astronomical data, Biological data, Social data, Stock market data, etc., • Interesting domain of data, called Personal Data.

Slide 5

Slide 5 text

Personal Data • Quantiﬁed Self / Self Quantization: The habit of tracking food habits, sleep, blood glucose, anger, behavioral patterns,etc., • People who practice self quantization, analyze their past data and try to understand more about themselves or cope certain chronic problems.

Slide 6

Slide 6 text

Visualization • Defn. Anything that can produce a visual stimulus is some sort of a visualization. • Which means, visualization need not just be a digital entity. • The type of pixel decides your medium, which makes your visualization into a digital / physical one.

Slide 7

Slide 7 text

Physical Visualizations Photographs • Cameras, capture transient data ( position of an object ) as a snapshot.

Slide 8

Slide 8 text

Physical Visualizations: Photographs A lady named, Regina Valkenborgh who is studying ﬁne art at University of Hertfordshire captured, the trials of sun over a six-month period using a pinhole camera made from a beer can.

Slide 9

Slide 9 text

Physical Visualizations Mirrors/ Reﬂection • Mirrors visualize physical objects into virtual worlds when the objects interact with light.

Slide 10

Slide 10 text

Physical Visualizations: Mirrors

Slide 11

Slide 11 text

Physical Visualizations Art • Outcome of thoughts/ emotions of an artist. • Pallet, technique and medium come together to make a visualization. • In a way art is also a visualization of mnemonic data.

Slide 12

Slide 12 text

Physical Visualizations: Art “A Starry Night” - by Vincent Vangogh Rich Palette

Slide 13

Slide 13 text

Physical Visualizations: Art “Autumn Rhythm” - by Jackson Pollock Technique

Slide 14

Slide 14 text

Physical Visualizations: Art “La Pieta” - by Michelangelo Medium

Slide 15

Slide 15 text

Hence, you don’t necessarily need quantiﬁable data ( in other words numbers ) to make visualizations.

Slide 16

Slide 16 text

Quantiﬁable Data

Slide 17

Slide 17 text

Digital Visualizations: 2D Pixel

Slide 18

Slide 18 text

Digital Visualizations: Color Picker • Digital Colors: They are essentially, groups of numbers ( RGB/CMYK/ HSV ) displayed through pixels. • Color Picker is 3-Dimensional data, represented 2-Dimensionally while retaining same cartesian distance as in higher order space. • So, every color picker you see is a visualization of numerous sets of R,G,B values.

Slide 19

Slide 19 text

Physical Visualizations: 3D Pixel Push-pin Art Stapler-pin Art

Slide 20

Slide 20 text

Physical Visualizations: 3D Pixel http://www.youtube.com/watch?v=hlx-M53dC7M

Slide 21

Slide 21 text

Physical Visualizations: 3D Pixel http://www.youtube.com/watch?v=gusJeslMbLc

Slide 22

Slide 22 text

Tools for Digital Visualizations • Processing ( Java based ) • OpenFrameworks ( C++ based ) • Lot of Javascript Libraries ( D3.js, Raphael.js, etc..)

Slide 23

Slide 23 text

Processing • Java based programming language for artists/ designers. • It is founded by Ben Fry & Casey Raes while at MIT - Media Lab.

Slide 24

Slide 24 text

Processing • Processing IDE ( Minimalistic ) • Can export your sketches as standalone desktop applications for Mac & PC . • Online as a java applet or a stripped down 2D version of your sketch using processing.js • Can publish your sketches to Android / iPhone.

Slide 25

Slide 25 text

Processing • Lot of inbuilt libraries to work with, 3D objects, Typography, Camera, Audio and Video. • Can easily be integrated with Arduino( Microsoft kinect / LDR / Ultrasonic sensor) • OpenProcessing. http://www.openprocessing.org/ • Experiments with Processing. http://amnonp5.wordpress.com/ • Daniel Shiffman: ‘Nature of Code’. http://www.shiffman.net/teaching/nature/

Slide 26

Slide 26 text

Processing • setup(); • Runs single time. • Can be used for initialization. • draw(); • Loops endlessly unless you call the noLoop(); • Used to handle animation.

Slide 27

Slide 27 text

Organic Digital • Visualizing the input of a microphone.

Slide 28

Slide 28 text

Hacknight • Visualizing the marks of X & XII students in bangalore.

Slide 29

Slide 29 text

Don’t Let the kid in you die. Explore. Dream. Discover.

Slide 30

Slide 30 text

Q&A

Slide 31

Slide 31 text

Uttam Grandhi e-mail : [email protected] : [email protected] Facebook: Uttam Grandhi Twitter: @2kool2resist LinkedIn: Uttam Grandhi portfolio: uttamg911.carbonmade.com webpage: bit.ly/uttamgrandhi