Skip to content
Medicine Medium #contact-tracing#transmission#r-effective

Contact Tracing Trees

Index case -> primary contacts -> secondary contacts. Branching factor reflects R-effective.

A free, animated contact tracing trees you can read here or embed on any website, from Scrollchart.

Contact Tracing Trees

Contact Tracing TreesQuarantining one primary contact (Rt 3) eliminates an entire sub-tree of transmissionGen 0Gen 1Gen 2Gen 3IndexContact AContact BQUARANTINEDContact CRt = 3 (uncontrolled)Gen 0 cases1Gen 1 cases3Gen 2 (no tracing)9Gen 2 prevented3Gen 3 prevented~9Isolating 1 of 3 primary contacts cuts the transmission tree by one-third at every subsequent generation3 cases prevented(+~9 tertiary)

Animated branching tree starting at index case with each generation expanding by Rt. Quarantine-effect overlay prunes branches.

Good for

  • Outbreak-response explainers showing how contact tracing interrupts exponential spread
  • Public health journalism on why isolating primary contacts matters more than isolating index cases alone
  • Epidemiology teaching on the multiplicative nature of Rt across transmission generations

Source & accuracy

This contact tracing trees 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.

From index case to branching contacts

Contact tracing maps transmission as a tree. At the root sits the index case, the first identified infection. Edges run out to primary contacts who were exposed directly, and from any infected primary contact to their own secondary contacts. Following these branches lets investigators find people who may be incubating disease before they spread it further.

The structure is a directed graph of who infected whom, reconstructed from interviews and exposure windows. Gaps appear when contacts cannot be reached or when transmission happened in untraceable settings.

Why the branching factor reflects transmission

The average number of new infections each case produces mirrors the effective reproduction number. When that figure is above 1, the tree widens at each generation and the outbreak grows; when it is below 1, branches die out and the outbreak shrinks. Effective tracing aims to cut branches faster than they form.

This is general educational information, not medical advice. Decisions about isolation, quarantine, and testing follow public health guidance from qualified authorities.

Embed this diagram

Add this animated contact tracing trees 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 contact tracing trees for any website.
Who uses it
Medical educators, Health journalists, Data journalists.
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="contact-tracing-trees" data-scrollchart-v="1"></div>
<script src="https://scrollchart.com/embed.js" async></script>

Frequently asked questions

Where can I get a free animated "Contact Tracing Trees" for my website?
Scrollchart provides "Contact Tracing Trees" 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 contact tracing trees diagram in a health or wellness blog?
Copy the HTML snippet from the Scrollchart diagram page and paste it into any post or page in your CMS. It works in WordPress, Webflow, Ghost, Substack, and plain HTML without any plugin or account. The diagram renders as animated SVG directly in your page, so search engines can index the accompanying explainer text.