ME204 2026 Icon

πŸ’» Week 03, Day 03 - Lab

Working on Charts and Website

Author

Dr Jon Cardoso-Silva

Last updated

29 July 2026

πŸ₯… Learning Objectives

By the end of this lab, you should be able to: i) Say which of the three publishing routes your project will take, and why that one fits your data, ii) Get a page from your own repository onto the web before its content is finished, iii) Rewrite a chart title in NB03 so it states what you found.

⏰ Wednesday, 29 July 2026 | Check your timetable for your class time πŸ“ Check your timetable for the location of your class

Ideally, at this stage you have your data collected and a few plots in NB03, even if none of them are ready to show anyone yet. Use the time this afternoon to pick from the solutions shown in the morning and create your report website.

πŸ›£οΈ Lab Roadmap

What Time Why now
Pick your route ~10 min Everything after this depends on it
Publish an almost empty page ~30 min Even if you don’t have much to put up online yet, just have the scaffold ready.
Charts and writing in NB03 Remaining Work on your visualisations and insights

Pick your route

In the morning, you learned about three ways to publish a website out of a markdown file:

  • Markdown in docs/ with a Jekyll theme. You already have this working from Week 02, so it is the shortest route from where you are now. You write .md files, GitHub builds them, and you can optionally use a _config.yml to use a theme.
  • One HTML file from a chatbot. You keep writing in Markdown as your reference, then hand it over and ask for the HTML at the end. Everything you cannot trace back to your own data comes out before you publish.
  • A Quarto page you render yourself. More control over the output and the same GitHub Pages publishing step at the end (although it requires some fiddling).
Not sure which to pick? Ask yourself how much time you want to spend on the tool as opposed to the writing. If the answer is none, take the route of the GitHub pages we used last week.

Publish something

🎯 Action points

  1. Put one page, one heading, and one image in docs/ on your project repository.

  2. Push it, then open the published URL on your phone or in a private window. If you can see it there, so can we.

  3. Check that the image loads. Images have to be inside docs/ for the published page to find them.

Charts and writing in NB03

Then, go back to your analysis and check if you have a good story to tell. (Even if the results are like β€œthis compared to that didn’t show any difference” that is still a story! Null results are still results.)

Important

Submit your final project by 5pm on Friday 31 July.

πŸ“Ž Appendix

What you need

  • Your project repository, with a docs/ folder
  • NB03, with the plots you have made so far
  • The route you picked, written down somewhere you will find it tomorrow