Getting Started with Vega-Lite & Observable: Create Live Interactive Visualizations!

Welcome to this comprehensive guide on visualizing data with Vega-Lite and Observable. Vega-Lite provides a high-level approach to interactive graphics, which, when combined with the real-time, dynamic capabilities of Observable, opens doors to powerful visual analytics. In this tutorial, we embark on a journey from setting up a new notebook in Observable, introducing reactive programming, importing libraries, and attaching data sets, to finally plotting and interpreting the visualized data. Through our example with vaccination data from Armenia, you will not only learn the mechanics of using these platforms but also grasp the thought processes and decisions behind each visualization step. Whether you're a novice eager to learn or an enthusiast looking to refine your skills, this guide offers valuable insights into data visualization techniques and best practices. Dive in and discover the stories hidden within your data.

00:00 Intro
01:00 New Notebook
01:31 Cells
02:37 Import Vega-Lite
03:12 Attach Data
04:31 Dataset Properties
05:33 Point plot
07:22 Adding time
08:14 Color
09:10 Line Chart
10:19 Small Multiples

Dataset used in this tutorial: https://github.com/lacepadilla/classd...

Observable:
The notebook used in this tutorial: https://observablehq.com/@viscourse/e...
Official website for creating notebooks and exploring reactive programming: https://observablehq.com/

Vega-Lite:
Official documentation: https://vega.github.io/vega-lite/docs/
GitHub repository for Vega-Lite: https://github.com/vega/vega-lite