A fun, compact, interactive one-day orientation to the hospital clinical microbiology laboratory, built for medical students on a short rotation. Made for Alex Kuang and Nicholas Barron.
© 2026 Omar Z Baba, MD. All rights reserved. See LICENSE.
Live site: see the GitHub Pages URL in the repository's About panel.
Lab Day is a slide deck separated into tabs. Eleven chapter tabs across the top; within a chapter you page through slides with Back/Next or the arrow keys. One idea per screen — the counter reads "4 of 10 · Biosafety", not "17 of 123".
Welcome · Specialties · Biosafety · Journey · Benches · Testing · Algorithms · Report · Practice · Glossary · Recap
123 slides. There is no separate gallery: the six animations and ten photographs are embedded on the slides they illustrate — the Gram stain animation under the Gram stain method, the safety cabinet on BSL-2, the malaria smear on parasitology, the MacConkey plate on the urine bench.
Organisms are ID cards: each of the 78 shows only the name until you flip it for what it means, so a specialty or a bench is a set of cards rather than a wall of prose. Rounded shapes are reserved for things you click; labels and tags are rectangles.
One self-contained HTML file plus a local assets/lab/ image folder. No build step, no external requests.
python3 -m http.server 8123Then visit http://localhost:8123. (Opening index.html directly also works.)
All teaching content lives in a single const DATA = {…} object near the top of the <script> block: disciplines, workflow, benches, methods, flashcards, benchGame and quiz. Add or edit an entry and it renders automatically — the hero counters update themselves. Colour tokens for each discipline and bench are CSS custom properties at the top of <style>.
The six animated explainers are original SVG/CSS by the author. The 10 photographs in assets/lab/ come from Wikimedia Commons under public-domain, CC0, CC BY or CC BY-SA licences and are credited beneath each figure with a link to the original. They were individually vetted against their source metadata — several candidates were rejected for showing the wrong subject (a cell-culture chamber labelled as an incubator, an antimicrobial susceptibility panel labelled as a catalase test, a diagnostic algorithm diagram labelled as an agar plate). All motion respects prefers-reduced-motion.
Content was authored and then independently reviewed by a clinical-microbiology reviewer; 31 findings were identified and resolved before release, including several biosafety corrections. Media, panels, instruments, biosafety requirements and turnaround times vary between laboratories — this is an orientation aid, not a standard operating procedure.
© 2026 Omar Z Baba, MD. All rights reserved.
The curriculum, written content, questions, design system and source code of this dashboard — and their selection and arrangement as a compilation — are the original work of the copyright holder and may not be reproduced, redistributed or adapted without written permission.
Full terms are in LICENSE. This dashboard is an educational orientation aid, not a clinical protocol, and does not constitute medical advice.