Lecture 11 - Iodide, Publishing & more in Idyll
Publishing your viz, vega-lite in Idyll and a bit of d3.js
Finish up with Iodide, Intro to Idyll
Today we’ll cover a brief intro of Idyll and web development in general.
Extra files
Further example of Idyll pages: 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.
Full corgi dataset available here.
Optional reading list
- Idyll Docs - in particular: Built in/npm installed components
- Idyll example: https://mathisonian.github.io/diy-data-fugazi/
Lectures
Lecture 11 extras - more with Vega-lite
More with vega-lite
Examples
Prep Iodide Notebook
Prep index.idyll file, Week 11
We'll be building toward a webpage like this today using Idyll's built-in components.
Prep index.idyll file, Week 11-12
Full markdown code for the next few weeks
Past Notebook: Prep Iodide Notebook, Spring 2020
Data
GDP dataset from FRED (stored online for easy linking in Iodide)
A dataset of USA "mobility" which (I think comes from a a large census study from 1989-2015) and is collected in several places including right here. Here "mobility" is refering to how easy it is for a person to move up in economic status (more info can be found here) based on factors like parental income, location, race, etc.
This dataset is from the Cardigan Archives and scraped using Beautiful Soup in Python and further processed in Python into this form.
This dataset is from the Cardigan Archives and scraped using Beautiful Soup in Python and further processed in Python into this form.