Session E2: Diagrams, Plots, and Code

Overview

This session covers everything in a STEM document that is not prose or equations: drawing diagrams directly in LaTeX with TikZ, plotting functions and data files with pgfplots, commutative diagrams with tikz-cd, and typesetting real source code and pseudocode. The point is reproducibility: plots that read your data file and code listings that read your source file can never go stale.

Lecturers

TBD

Session Information

Date and Time: Friday 30 October 2026, 13:00 — 14:30
Place: Engineering Lecture Hall (ELH)
Online Meeting Link
Session Recording

Core Concepts

TikZ fundamentals: coordinates, paths, nodes, and arrows
Relative positioning and reusable node styles (flowcharts, automata, block diagrams)
Plotting functions and .csv data files with pgfplots
Axis labels with units (siunitx inside pgfplots)
Commutative diagrams with tikz-cd
Source code with the listings package; when to use minted instead
Pseudocode with algorithm2e
Diagrams and plots as proper floats: captioned, labelled, referenced

Slides

Session E2 Slides: Download PDF

References

Overleaf’s documentation page
The TikZ examples gallery

Exercises & Extra Steps

Further resources can be found on Overleaf’s documentation page

Questions? Reach out on the course’s WhatsApp!