Programming Data Visualizations: A Coding Toolkit for Processing

"Learning to code in Processing has liberated me as a designer. It allowed me to do things I could never have done by hand before." — Nicholas Felton

In this new one-hour class, join information designer Nicholas Felton to explore the world of Processing — a coding language specifically created to encourage designers to code.

In 6 bite-sized lessons, you'll explore a toolkit of Processing sketches, organized around FAQs and common scenarios from Nicholas's own work, including:

• Importing data into Processing from CSV, XML, and JSON
• Sketches for common graphic structures, including rows, grids, concentric circles, lines, radial graphics, and mapped coordinates
• Debugging best practices and checklists
• Refinements for polishing your sketches, including alternative shapes (triangles, arcs), custom typography, and different color systems (HSB, RGB)

Plus, this class includes an exclusive, downloadable .zip folder full of corresponding Processing sketches you can explore, copy/paste into your code, and reference again and again.

This class is an ideal follow-up to Nicholas's class Data Visualization: Designing Maps with Processing and Illustrator — and designers, technologists, and everyone who loves working with Processing are invited to take part.

Working with data is all about generating systems. You build graphic rules, add data, and create a form. The magic is in the manipulation. Change the rules, or change the data, and you can tell a completely different visual story. Use this class to unlock that potential in your own work.

_______________

This class is recommended for those with basic familiarity with Processing.

Brand new to Processing? We recommend starting with Nicholas Felton's Data Visualization: Designing Maps with Processing and Illustrator.

Looking for a more general overview of data visualization? Try Nicholas Felton's Introduction to Data Visualization for Designers.

• Introduction
• Overview
• Data
• Structure
• Debugging
• Refining
• Examples
• Conclusion
• What's Next?