Week 15 - A few more Idyll+d3 things

A few more things in Idyll, course wrap up.

Downloads & Links

Data

• Idyll: Corgis per country over time (corgs_per_country_over_time_columns_2020.csv)

Links & Code

1. We’ll be building toward a webpage like this today using Idyll’s built-in components.
2. Last week, we got to this Idyll page and this histogram d3 component.
3. Full Markdown code for this week and next week available right here.
4. We’ll also build a few histogram components like:
   • starting with this one
   • then this one
   • and finally this one
5. We’ll also look at building a map visualization like this one right here which uses this updated styles.css file

Where we got to in class this week:

• This index.idyll file
• This histogram component
• We briefly covered this map component

Note: see week 12 for the scripts used to generate this dataset.

Optional reading list

1. yt docs
2. yt Volume Rendering Tutorial
3. Idyll Docs

d3.js examples (v4)

1. Simple time-bar chart (we used this one to start with)
2. Grouped bar chart
3. Animated side-bar chart
4. Histogram, binning of data

Materials

• Lecture 15: (view, source, present)