Processing: Interactive Data Visualization

Discover how to create compelling data visualizations using Processing, an open-source drawing and development environment.

Introduction

• Welcome
• What you should know
• Using the exercise files

1. Basics of Visualization

• Overview of data visualization

2. Basics of Processing

• Installing Processing
• Overview of Processing
• Exploring libraries

3. Basics of Drawing

• Basic setup
• Drawing points
• Drawing lines
• Drawing ellipses and circles
• Drawing arcs
• Drawing rectangles and squares
• Drawing quadrangles
• Drawing triangles
• Drawing polygons
• Drawing simple curves
• Drawing complex curves
• Drawing Bézier curves

4. Variables

• Introduction to variables
• Understanding variable scope
• Modifying variables
• Creating arrays
• Modifying arrays
• Creating strings
• Modifying strings

5. Drawing Attributes

• Incorporating randomness
• Using Perlin noise
• Shuffling with Java
• Specifying line attributes
• Changing placement modes
• Understanding color attributes and functions
• Exploring color spaces
• Using color palettes
• Transforming the grid
• Exploring the attribute matrix

6. Dynamic Drawings

• Building code blocks
• Writing a while loop
• Using for loops
• Creating conditionals
• Working with easing
• Creating spirals

7. Interaction

• Mouse tracking
• Hovering and clicking
• Understanding keyboard interaction

8. Media

• Specifying fonts
• Using images
• Playing a video loop
• Exporting video
• Adding sound

9. Grouping Code

• Creating functions
• Creating classes and objects

10. Reading Data

• Using embedded data
• Working with appended text data
• Working with appended tabular data
• Reading XML data

11. Varieties of Data Visualizations

• Generating dot plots
• Building scatter plots
• Making line plots
• Creating bar charts
• Checking out examples of maps, hierarchies, and networks

12. Elements of Design for Visualization

• Introducing some principles of 2D design
• Understanding color theory

13. Elements of Interaction

• Interacting with zooming, rotating, and sliding
• Implementing slicing
• Using rollovers
• Introducing the GUI libraries

14. Publishing and Sharing

• Sharing via OpenProcessing and other sites
• Saving as a desktop application
• Saving as JavaScript
• Saving as an Android application

Conclusion

• Where to go from here