Skip to content
Chemistry Rich #photosynthesis#calvin-cycle#thylakoid

Photosynthesis: Light and Calvin Cycle

Light reactions split water and make ATP+NADPH; Calvin cycle fixes CO2 to sugar.

A free, animated photosynthesis: light and calvin cycle you can read here or embed on any website, from Scrollchart.

Photosynthesis: Light and Calvin Cycle

Photosynthesis: Light Reactions and Calvin CycleThylakoid splits H2O and makes ATP + NADPH; stroma fixes CO2 into sugar (G3P)PSIICyt b6fPSIATP synthase2 H2O-> O2 + 4 H+ + 4 e-e- transportNADPHATPH+ gradient drives synthesis1233 CO2 in1 G3P (3 carbons)2 G3P combine into glucose

Two-stage diagram: light reactions in thylakoid membrane (water splitting, photosystems II/I, ATP/NADPH production) and Calvin cycle in stroma (CO2 fixation, RuBisCO, G3P).

Good for

  • Biology textbook supplement
  • Plant physiology tutorials
  • Climate and carbon-cycle explainers

Source & accuracy

This photosynthesis: light and calvin cycle is an editorial illustration built to represent the concept accurately. Where it shows figures, they are typical or representative values chosen to make the relationship clear, not a single underlying dataset. The diagram and its explainer are reviewed and maintained centrally, and updated over time as understanding improves.

Light reactions harvest photons and make ATP and NADPH

Photosynthesis splits into two phases. Light reactions occur in the thylakoid membrane and require photons. Photosystem II absorbs light and uses the energy to split water molecules, releasing oxygen as a byproduct. The electrons from water flow through an electron transport chain (similar to mitochondria but run backwards), pumping protons to build a gradient. Photosystem I absorbs more photons and boosts electrons to a high energy state, where they reduce NADP+ to NADPH. The proton gradient drives ATP synthase, making ATP.

The net result of light reactions: 2 NADPH + 3 ATP + O2, produced using energy from light. The oxygen is released to the atmosphere (a gift to aerobic life). NADPH and ATP are the energy and reducing power needed for the next phase.

Calvin cycle fixes CO2 into sugar

The Calvin cycle occurs in the stroma and does not require light directly, though it depends on the ATP and NADPH from light reactions. CO2 is fixed by the enzyme RuBisCO, combining with a 5-carbon sugar (ribulose-1,5-bisphosphate, RuBP) to form an unstable 6-carbon intermediate that splits into two 3-carbon sugars (3-phosphoglycerate). These 3-carbon sugars are reduced using NADPH and phosphorylated using ATP to form glyceraldehyde-3-phosphate (G3P).

Most of the G3P is used to regenerate RuBP, but some is exported to the cytoplasm where it is assembled into glucose or other carbohydrates. The cycle turns six times to fix one CO2 (three turns to produce one net G3P that exits the cycle). Photosynthesis as a whole: 6 CO2 + 6 H2O + light energy -> 1 glucose + 6 O2. This reaction reversed all of respiration and is the ultimate source of organic matter and oxygen for nearly all life on Earth.

Embed this diagram

Add this animated photosynthesis: light and calvin cycle to your own site. Copy one line of HTML, or use the embed builder for theme and sizing options.

Reference

What this is
A free, embeddable, animated photosynthesis: light and calvin cycle for any website.
Who uses it
Chemistry educators, Biology educators.
How to embed
Copy one line of HTML. No signup. No watermark. Works in WordPress, Webflow, Ghost, Substack, plain HTML.
File size
iframe embed, ~80 KB gzipped (loads on demand, does not block your page paint).
License
Free forever. Editorial explainer text included; updated centrally over time.

Embed format options

Copy the universal HTML snippet, the WordPress shortcode, or an iframe fallback - see the WordPress plugin page for details. Any format keeps the same Core Web Vitals profile and the same explainer text.

Embed snippet
<div data-scrollchart="photosynthesis-light-dark" data-scrollchart-v="1"></div>
<script src="https://scrollchart.com/embed.js" async></script>

Frequently asked questions

Where can I get a free animated "Photosynthesis: Light and Calvin Cycle" for my website?
Scrollchart provides "Photosynthesis: Light and Calvin Cycle" as a free, embeddable animated diagram you can add to any website with one line of HTML. No signup is required and there is no watermark. The diagram and its explainer text are served from scrollchart.com, so the embed stays current without any maintenance on your end.
How do I embed a photosynthesis: light and calvin cycle in WordPress or a static site?
Paste the HTML snippet from the Scrollchart diagram page into your WordPress post (in HTML/code view), your Webflow embed block, or directly into a static HTML file. No plugin is needed. The diagram loads from scrollchart.com and paints in as the reader scrolls.