An Introduction to Data Visualization & Processing ( Programming Language)

An artist's perspective on what is data and what qualifies to be called a visualization. @5el #hasgeek

Transcript

1. An Introduction to Data Visualization & Processing ( A Programming Language ) Uttam Grandhi, Artist Artoo IT Solutions Pvt. Ltd. Uttam Grandhi Uttam Grandhi @2kool2resist
2. Attention: The following material encapsulates an artist’s perspective on Data & Visualization. It might be very eccentric to the conventional ideas/ definitions 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 definitely stimulate your creative minds.
3. 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.
4. Few examples • Astronomical data, Biological data, Social data, Stock market data, etc., • Interesting domain of data, called Personal Data.
5. Personal Data • Quantified 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.
6. 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.
7. Physical Visualizations Photographs • Cameras, capture transient data ( position of an object ) as a snapshot.
8. Physical Visualizations: Photographs A lady named, Regina Valkenborgh who is studying fine art at University of Hertfordshire captured, the trials of sun over a six-month period using a pinhole camera made from a beer can.
9. Physical Visualizations Mirrors/ Reflection • Mirrors visualize physical objects into virtual worlds when the objects interact with light.
10. Physical Visualizations: Mirrors
11. 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.
12. Physical Visualizations: Art “A Starry Night” - by Vincent Vangogh Rich Palette
13. Physical Visualizations: Art “Autumn Rhythm” - by Jackson Pollock Technique
14. Physical Visualizations: Art “La Pieta” - by Michelangelo Medium
15. Hence, you don’t necessarily need quantifiable data ( in other words numbers ) to make visualizations.
16. Quantifiable Data
17. Digital Visualizations: 2D Pixel
18. 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.
19. Physical Visualizations: 3D Pixel Push-pin Art Stapler-pin Art
20. Physical Visualizations: 3D Pixel http://www.youtube.com/watch?v=hlx-M53dC7M
21. Physical Visualizations: 3D Pixel http://www.youtube.com/watch?v=gusJeslMbLc
22. Tools for Digital Visualizations • Processing ( Java based ) • OpenFrameworks ( C++ based ) • Lot of Javascript Libraries ( D3.js, Raphael.js, etc..)
23. Processing • Java based programming language for artists/ designers. • It is founded by Ben Fry & Casey Raes while at MIT - Media Lab.
24. 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.
25. 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/
26. Processing • setup(); • Runs single time. • Can be used for initialization. • draw(); • Loops endlessly unless you call the noLoop(); • Used to handle animation.
27. Organic Digital • Visualizing the input of a microphone.
28. Hacknight • Visualizing the marks of X & XII students in bangalore.
29. Don’t Let the kid in you die. Explore. Dream. Discover.
30. Q&A
31. Uttam Grandhi e-mail : uttam.grandhi@gmail.com : uttam@artoo.in Facebook: Uttam Grandhi Twitter: @2kool2resist LinkedIn: Uttam Grandhi portfolio: uttamg911.carbonmade.com webpage: bit.ly/uttamgrandhi