< back to All Workshops
Data Visualization with P5.js
Data Visualization | Online Workshop | English | Asia-Pacific
Description:
Key Words: data visualization,p5.js,creative coding,
Required Skills: Open to all levels. No requirement in coding experience
Required Software: No
Required Hardware: PC or Mac
Maximum number of participating students: 20
In this workshop, participants will be able to learn how to visualize and sonify data by using p5.js, the JavaScript library for artists and designers. Participants will learn what is data visualization, and fundamentals of the data visualization from lectures and references. At the end of the workshop, each participant will be able to create web-based data visualization in P5.js environment about their own topics. The structure of the workshop will be like below:

Day 1: Introduction to Data Visualization (lecture) and P5.js (demos and lab session) Understand the principles of visualizing data and Make simple sketches in P5.js

Day 2: Visualizing and Sonifying Data in P5.JS. Understand various approaches in visualizing data (lecture) Explore data mapping and knowledge discovery through data visualization (demos and lab session)

Day 3: Implementation and final presentations. Celebrate your creations and discussion about the next steps.

This workshop is for beginners who have no experience in coding. Professional programmers are welcome but please be aware of the beginner level in this workshop.
Schedule:
Jun 28 - Jun 30
  • Day 1 / Jun 28

    16:00 - 19:00 (GMT-7:00) Pacific Time (US and Canada)

    |

    19:00 - 22:00 (EST)

    |

    01:00 - 04:00 +1 (CET)

    |

    07:00 - 10:00 +1 (China)

    Introduction to Data Visualization (lecture) and P5.js (demos and lab session) Understand the principles of visualizing data and Make simple sketches in P5.js
  • Day 2 / Jun 29

    16:00 - 20:00 (GMT-7:00) Pacific Time (US and Canada)

    |

    19:00 - 23:00 (EST)

    |

    01:00 - 05:00 +1 (CET)

    |

    07:00 - 11:00 +1 (China)

    Visualizing and Sonifying Data in P5.JS. Understand various approaches in visualizing data (lecture) Explore data mapping and knowledge discovery through data visualization (demos and lab session)
  • Day 3 / Jun 30

    16:00 - 19:00 (GMT-7:00) Pacific Time (US and Canada)

    |

    19:00 - 22:00 (EST)

    |

    01:00 - 04:00 -29 (CET)

    |

    07:00 - 10:00 -29 (China)

    Implementation and final presentations. Celebrate your creations and discussion about the next steps.
Instructors:
  • Yoon Chung Han San Jose State University,Assistant Professor
    Yoon Chung Han is an award-winning interaction designer, interactive media artist, and educator. Over the past fifteen years, she has created a wide range of interactive design, data visualization, sonification, mobile application, multimedia installation, and musical interface design. Her works have been presented in many international exhibitions, conferences, awards, and academic journals such as ACM SIGGRAPH Art gallery, Japan Media Arts Festival, Media City Seoul, ZKM, NIME, ISEA, ACM Multimedia, ACM CHI, TEI, IEEE Vis, Currents New Media, Adobe Design Achievement Award, Information is Beautiful award, and Leonardo Journal. She earned her bachelor's (BFA) and the first Master's degree (MFA) at the Seoul National University, and her second Master's degree (MFA) at Design | Media Arts, University of California, Los Angeles. She holds a Ph.D. in Media Arts and Technology at the University of California, Santa Barbara. She is currently an assistant professor in graphic design in the department of design at San José State University. Prior to joining SJSU, she taught at Academy of Art University, University of San Francisco, and California State University, Fullerton. She has been chairing the IEEE VIS Arts Program (VISAP) since 2017, and the Pacificvis storytelling contest since 2020.