Instead of staring at spreadsheets of data, you can turn that data into something visual and interactive! It allows you to explore and answer questions about the information quickly. In the course, you’ll build hands-on projects with the Observable Plot library. You’ll make visualizations or “plots,” add interactivity and embed your plots around the web with JavaScript and frameworks like React. By learning these fundamentals, you’ll be able to have what you need to move on to more complex work with d3.js and beyond!
Overview
Syllabus
- Introduction
- Data Visualization Use-Cases
- Data Visualization Q&A
- Working with Data
- JavaScript Tools for Data Vis
- Grammar of Graphics
- Setup Project Data in Plot Exercise
- Setup Project Data in Plot Solution
- Setting Domain & Range Colors Exercise
- Setting Domain & Range Colors Solution
- Adding Tooltips
- Analytics Project Data Setup
- Visualizing Analytics Data
- Aggregation & Grouping Exercise
- Aggregation & Grouping Solution
- Scatterplot Exercise
- Scatterplot Solution
- Facets for Comparing Group Data Exercise
- Facets for Comparing Group Data Solution
- API Response Log Data Setup
- Adding UI with Input Widgets
- Filtering the Data Exercise
- Filtering the Data Solution
- Plotting the Filtered Data Exercise
- Plotting the Filtered Data Solution
- Search Box Exercise
- Search Box Solution
- Using Plot with Vanilla JS & React
- Wrapping Up
Taught by
Anjana Vakil
