Week 11 - Finish up with Iodide, Intro to Idyll

Today we’ll cover a brief intro of Idyll and web development in general.

Downloads & Links

Iodide Notebooks:

• We’ll finish up with this notebook: Prep Iodide Notebook

Feel free to check out Spring 2020’s notebook that uses police shooting data for visualization if you are interested in other mappable datasets.

Idyll Files & Example pages

We’ll be building toward this index.idyll file right here.

Further examples include:

• Website from Spring 2020 which focuses on using d3.js to do many plots since vega-lite was not working well at that time. The index.idyll file, along with example d3 components and a styles.css file for the final map are in this subdirectory from that course page here.

Data

1. Corgis per country over time (corgs_per_country_over_time_columns_2020.csv)
2. Subset of full Corgi database (corgiData_countries_subset_2020.json)
   • Full dataset available here

This dataset is from the Cardigan Archives and scraped using Beautiful Soup in Python and further processed in Python into this form.

Links & Code

1. We’ll be building toward a webpage like this today using Idyll’s built-in components.
2. We got to this Markdown code right here in Class this week.
3. Full Markdown code for this week and next week available right here.

Optional reading list

1. Idyll Docs - in particular: Built in/npm installed components
2. Idyll example: https://mathisonian.github.io/diy-data-fugazi/

Materials

• Lecture 11, More with Vega-lite: (view, source, present)
• Lecture 11: (view, source, present)
• Notebook: calc_corgData: (view, download)
• Python Script: grabCorgData_subpages: (download)