Workshop: Interactive Data Visualization with d3.js
This class is on June 7-8. Also available in July.
About the Workshop
Communicating about data is mission-critical. Only with effective communication does analysis become utili
Interactive visualizations are a powerful yet flexible way to communicate about data. They help tell stories about data so that the viewer understand the data intuitively.
In this workshop, you'll learn how to create interactive data visualizations with d3.js. We'll work with data sets to build visualizations that's clickable, intuitive, and understandable, allowing your users to create their own data story.
Here are some examples of visualizations we'll dissect in the course:
In this hands-on workshop, you'll accomplish (with our help):
Build a rich, interactive visualization for a data set using d3.js
Learn when to apply different types of narrative structures, from storytelling to open-ended exploration
Utilize d3.js's advanced features to quickly and easily add depth to your visualization
Improve visualizations with UI design patterns, appropriate labeling, and custom CSS
Learn how to add transition and ambient animations to your visualizations
Schedule: Day 1
9:00am: Arrival and Check-In
9:15am: The Landscape of Data Visualization
Overview of available tools and what will be covered in the next 2 days.
9:35am: Static vs. Interactive Visualizations
Building an interactive visualization from a static graph. When this makes sense and overview of how to go about it.
11:00am: Narrative Structures
Lecture and discussion. Analysis and breakdown of outstanding data visualizations.
12:00pm: Break for Lunch
1:00pm: Build an Interactive Data Visualization
Work with CSV file to build a visualization. Transitions, attributes, and axes zooming with d3.j, jQuery, and chart layouts.
4:00pm: Conclusion and Short Review
Schedule: Day 2
9:00am: Arrival and Check In
9:15am: Data Exploration and Labeling
Making the narrative of data storytelling understandable to the user using principles from UX and interaction deisgn. Labeling using hover, annotation, when to use floating vs. fixed elements.
11:00am: UI Design Principles
Tips and tricks to help the user intuitiviely understand what you're trying to communicate. We'll cover CSS customization, signaling interactivity, special cursors.
12:00pm: Break for Lunch
1:00pm: Data Linking, Brushing, and Exploration
How to link data from multiple plots and pull it into your visualization.
2:30pm: Animation in Data Visualization
Animations for load time, transitions, and ambient animations within your visualization.
4:00pm: Review and Additional Resources
About Rachel Binx
The instructor for this workshop is Rachel Binx, data visualization creator and instructor. Rachel has built visualizations for clients including MTV, Oprah, Facebook, the Harvard Library, and the SF MoMA. She is the founder of Gifpop, a lenticular printing startup, and Meshu, a customizable apparel product based on map visualizations.
About Zipfian Academy
This is part of Zipfian Academy's spring workshop series. We offer small-group training in data science, analytics, machine learning with Python, statistics, SQL and visualization. We're best known for our 12-week immersive data science program, which trains quantitative people into data science roles at companies like Facebook, Tesla Motors, Change.org, and data-driven startups.
Zipfian Academy is a school teaching data science through an immersive 12-week course. The program helps students develop the mindset and technical skills they need to launch a data science career. Students receive access to a world-class network of data science experts, personalized instruction featuring hands-on projects, a collaborative learning space in San Francisco, and exclusive recruiting events with top-tier technology companies.