Skip to content

Sample Biology Diagrams with Callouts

This document lists the 10 most common labeled illustrations in AP Biology textbooks, along with their typical callouts. It is intended to assess feasibility of generating these diagrams with a text-to-image LLM and overlaying interactive hover-text infoboxes.


1. Eukaryotic Animal Cell Cross-Section

~15–20 callouts

Structure Notes
Plasma membrane Phospholipid bilayer boundary
Nucleus Central, largest organelle
Nuclear envelope Double membrane around nucleus
Nuclear pores Channels in the nuclear envelope
Nucleolus Dense region inside nucleus
Rough ER Ribosome-studded membrane network
Smooth ER Ribosome-free membrane network
Golgi apparatus Stacked cisternae (cis/trans faces)
Mitochondria Double membrane, cristae visible
Lysosomes Small vesicles near Golgi
Ribosomes (free) Dots in cytoplasm
Cytoskeleton Microtubules + microfilaments
Centrioles Paired cylinders near nucleus
Vacuoles (small) Scattered vesicles
Cytoplasm Fluid surrounding organelles

2. Eukaryotic Plant Cell Cross-Section

~18–22 callouts (shares most animal cell structures, adds unique ones)

Structure Notes
Cell wall Rigid cellulose layer outside membrane
Chloroplast Oval, green; outer/inner membrane + thylakoids
Central vacuole Large single vacuole, tonoplast membrane
Plasmodesmata Channels between adjacent cell walls
Tonoplast Membrane surrounding central vacuole
Plasma membrane Phospholipid bilayer boundary
Nucleus Central organelle with nuclear envelope
Nuclear pores Channels in the nuclear envelope
Nucleolus Dense region inside nucleus
Rough ER Ribosome-studded membrane network
Smooth ER Ribosome-free membrane network
Golgi apparatus Stacked cisternae (cis/trans faces)
Mitochondria Double membrane, cristae visible
Ribosomes (free) Dots in cytoplasm
Cytoskeleton Microtubules + microfilaments
Cytoplasm Fluid surrounding organelles

3. Cell Membrane — Fluid Mosaic Model

~12–15 callouts

Structure Notes
Phospholipid bilayer Hydrophilic heads + hydrophobic tails
Hydrophilic head Polar, faces water
Hydrophobic tail Nonpolar, faces interior
Integral (transmembrane) protein Spans full bilayer
Peripheral protein Surface-associated only
Channel protein Pore for ion/molecule transport
Carrier protein Transporter that changes shape
Receptor protein Binds signaling molecules
Cholesterol Between phospholipids, regulates fluidity
Glycoprotein Sugar chain + protein; cell recognition
Glycolipid Sugar chain + lipid; cell surface marker
Extracellular space Outside the cell
Intracellular space Inside the cell (cytoplasm side)

4. DNA Double Helix Structure

~10–12 callouts

Structure Notes
Sugar-phosphate backbone Two antiparallel ribbons
Deoxyribose sugar 5-carbon sugar in backbone
Phosphate group Connects sugars in backbone
Nitrogenous base (generic) Projects inward from backbone
Adenine (A) Purine; pairs with T
Thymine (T) Pyrimidine; pairs with A
Guanine (G) Purine; pairs with C
Cytosine (C) Pyrimidine; pairs with G
Hydrogen bonds Dashed lines between base pairs
Major groove Wider gap in helix
Minor groove Narrower gap in helix
3′ end Polarity label on each strand
5′ end Polarity label on each strand

5. Mitosis Stages (6-panel diagram)

~8–10 callouts per panel

Structure (across all panels) Notes
Chromatin / Chromosomes Condensation state varies by phase
Sister chromatids Joined at centromere (visible in prophase+)
Centromere Constriction joining sister chromatids
Kinetochore Protein complex on centromere
Spindle fibers (microtubules) Extend from poles
Centrosome / Aster MTOC at each pole
Metaphase plate Imaginary equatorial plane
Cleavage furrow Appears in late telophase (animal cells)
Cell plate Plant cell division structure
Nuclear envelope (re-forming) Visible in telophase
Interphase / G2 label Pre-mitosis reference panel

6. Chloroplast & Light Reactions (Thylakoid Membrane)

~14–18 callouts

Structure Notes
Outer membrane Smooth outer boundary
Inner membrane Inner boundary of envelope
Stroma Fluid between thylakoids; site of Calvin cycle
Thylakoid membrane Site of light reactions
Granum (stack of thylakoids) Plural: grana
Thylakoid lumen Interior of thylakoid
Photosystem II (PSII) Water splitting, plastoquinone
Cytochrome b6f complex Electron carrier
Photosystem I (PSI) \(\ce{NADP+}\) reduction
ATP synthase (CF₁) Produces ATP in stroma
Plastoquinone (PQ) Mobile electron carrier
Plastocyanin (PC) Copper-containing carrier
Ferredoxin (Fd) Electron carrier near PSI
\(\ce{NADP+}\) / NADPH Terminal electron acceptor
\(\ce{H2O -> O2}\) Water-splitting site at PSII
Proton gradient (\(\ce{H+}\)) Arrow showing flow through ATP synthase

7. Mitochondria & Electron Transport Chain

~14–16 callouts

Structure Notes
Outer membrane Smooth, permeable
Inner membrane Highly folded; site of ETC
Cristae Folds of inner membrane
Matrix Site of Krebs cycle, mtDNA
Intermembrane space Between outer and inner membranes
Complex I (NADH dehydrogenase) Entry point for NADH electrons
Complex II (succinate dehydrogenase) \(\ce{FADH2}\) entry point
Complex III (cytochrome bc1) Electron transfer
Complex IV (cytochrome c oxidase) Reduces \(\ce{O2}\) to \(\ce{H2O}\)
ATP synthase (Complex V) Produces ATP from \(\ce{ADP + P_i}\)
Coenzyme Q (ubiquinone) Mobile carrier between I/II and III
Cytochrome c Mobile carrier between III and IV
NADH / \(\ce{FADH2}\) inputs From matrix side
\(\ce{H+}\) proton gradient Pumped into intermembrane space
\(\ce{O2}\) / \(\ce{H2O}\) Final electron acceptor at Complex IV

8. Neuron Structure

~12–14 callouts

Structure Notes
Cell body (soma) Contains nucleus
Nucleus Within soma
Dendrites Receive incoming signals
Axon hillock Spike initiation zone
Axon Long process carrying action potential
Myelin sheath Insulating glial wrapping
Schwann cell Myelinating glial cell (PNS)
Node of Ranvier Gap between myelin segments
Axon terminals (boutons) Synaptic knobs at distal end
Synaptic vesicles Neurotransmitter-filled vesicles
Synapse / Synaptic cleft Gap between pre- and postsynaptic cells
Postsynaptic membrane Target cell membrane
Receptor proteins On postsynaptic membrane

9. Heart Anatomy & Blood Flow Pathway

~16–20 callouts

Structure Notes
Right atrium Receives deoxygenated blood from body
Left atrium Receives oxygenated blood from lungs
Right ventricle Pumps to pulmonary circuit
Left ventricle Pumps to systemic circuit; thicker wall
Tricuspid valve Between right atrium and ventricle
Bicuspid (mitral) valve Between left atrium and ventricle
Pulmonary semilunar valve Right ventricle → pulmonary artery
Aortic semilunar valve Left ventricle → aorta
Superior vena cava Returns blood from upper body
Inferior vena cava Returns blood from lower body
Aorta Largest artery; systemic output
Pulmonary artery Deoxygenated blood to lungs
Pulmonary veins Oxygenated blood from lungs
Septum (interventricular) Wall separating left/right ventricles
Chordae tendineae "Heartstrings" anchoring AV valves
Papillary muscles Anchor chordae tendineae
SA node Pacemaker region in right atrium
AV node Relay in floor of right atrium

10. Protein Synthesis — Transcription & Translation

~12–16 callouts total (often split into two sub-diagrams)

Transcription (nucleus)

Structure Notes
DNA template strand 3′→5′ direction
RNA polymerase Moves along template
mRNA transcript Emerging from polymerase
Promoter region Where RNA pol binds
Transcription bubble Unwound DNA section
5′ cap / Poly-A tail mRNA processing labels
Introns / Exons Pre-mRNA splicing

Translation (ribosome)

Structure Notes
mRNA Codons moving through ribosome
Ribosome (large subunit) Catalytic center (peptidyl transferase)
Ribosome (small subunit) mRNA binding site
A site Aminoacyl-tRNA entry site
P site Peptidyl-tRNA (growing chain)
E site Exit site for spent tRNA
tRNA Anticodon loop + amino acid arm
Anticodon Matches mRNA codon
Growing polypeptide chain Emerging from exit tunnel
Start codon (AUG) Initiator methionine
Stop codon UAA / UAG / UGA

Feasibility Assessment for Hover-Text Infoboxes

The 10 diagrams above contain 10–22 callouts each, with the most complex being the cell cross-sections and the heart.

Key Observations

  • Text placement density is the main challenge — cell cross-sections have overlapping structures that make label positioning non-trivial for image generators, but modern models (GPT-4o image generation, Imagen 3, Ideogram v2) are significantly better at this.
  • Hover zones require semantic bounding boxes — you would need the model to output not just the image but also approximate (x, y, width, height) coordinates per callout, which most current text-to-image APIs do not natively expose.

Generate the image without text labels, then programmatically overlay callout markers (numbered dots or arrows) using SVG or an HTML Canvas element on top of the <img> tag. Each marker is linked to a hover tooltip containing the structure name and description.

Advantages: - Sidesteps font-rendering reliability problems in image generators entirely - Gives full HTML/CSS control over infobox content and styling - Callout positions can be stored in a JSON file alongside the image for easy editing - Accessible: tooltip content is readable by screen readers - Works with any image — generated or hand-drawn

Implementation sketch:

1
2
3
4
5
6
<div class="bio-diagram" style="position: relative; display: inline-block;">
  <img src="animal-cell.png" alt="Animal cell cross-section" width="800">
  <div class="callout" style="position: absolute; left: 42%; top: 35%;"
       data-tooltip="Nucleus — contains DNA and directs cell activity">1</div>
  <!-- repeat for each callout -->
</div>

Callout coordinates and tooltip text would be stored in a companion JSON file:

1
2
3
4
5
6
7
8
[
  { "id": 1, "label": "Nucleus",
    "x": 42, "y": 35,
    "text": "Contains the cell's DNA and directs all cell activity." },
  { "id": 2, "label": "Mitochondria",
    "x": 65, "y": 55,
    "text": "Site of cellular respiration; produces ATP via the ETC." }
]