Explain in detail on epidemic curve for my psm exams in a attractive flowchart manner
Reading File
Finding Sources
Finding Sources
Reading File
Reading File
Reading File
Loading Image
Reading File
Running Command
mkdir -p /home/daytona/workspace/epidemic-curve && ls /home/daytona/workspace/
Writing File
~/epidemic-curve/epidemic_curve_psm.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Epidemic Curve - PSM Exam Notes</title>
<style>
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600;700;800&display=swap');
* { box-sizing: border-box; margin: 0; padding: 0; }
body {
font-family: 'Poppins', sans-serif;
background: linear-gradient(135deg, #0f0c29, #302b63, #24243e);
min-height: 100vh;
padding: 30px 20px 60px;
color: #fff;
}
.main-title {
text-align: center;
margin-bottom: 10px;
}
.main-title h1 {
font-size: 2.4em;
font-weight: 800;
background: linear-gradient(90deg, #f9d423, #ff4e50);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
letter-spacing: 2px;
text-transform: uppercase;
}
.main-title p {
color: #b0b8d1;
font-size: 0.95em;
margin-top: 5px;
}
.source-badge {
display: inline-block;
background: rgba(255,255,255,0.1);
border: 1px solid rgba(255,255,255,0.2);
padding: 3px 14px;
border-radius: 20px;
font-size: 0.78em;
color: #f9d423;
margin-top: 8px;
}
/* ── DEFINITION BOX ── */
.def-box {
max-width: 900px;
margin: 28px auto 0;
background: linear-gradient(135deg, #1a1a6e 0%, #3a0ca3 100%);
border-left: 6px solid #f9d423;
border-radius: 14px;
padding: 22px 28px;
box-shadow: 0 8px 32px rgba(0,0,0,0.4);
}
.def-box .label {
font-size: 0.72em;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 3px;
color: #f9d423;
margin-bottom: 8px;
}
.def-box p {
font-size: 1.0em;
line-height: 1.7;
color: #e0e6ff;
}
/* ── WHAT IT TELLS US ── */
.tells-section {
max-width: 900px;
margin: 30px auto 0;
}
.section-head {
font-size: 1.1em;
font-weight: 700;
color: #f9d423;
text-transform: uppercase;
letter-spacing: 2px;
margin-bottom: 16px;
text-align: center;
}
.tells-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 14px;
}
.tells-card {
background: rgba(255,255,255,0.07);
border: 1px solid rgba(255,255,255,0.15);
border-radius: 12px;
padding: 18px 16px;
text-align: center;
}
.tells-card .icon { font-size: 2em; margin-bottom: 8px; }
.tells-card .t-title { font-weight: 700; font-size: 0.88em; color: #f9d423; margin-bottom: 6px; }
.tells-card p { font-size: 0.78em; color: #c5cff0; line-height: 1.5; }
/* ── MAIN FLOW ── */
.flow-wrapper {
max-width: 1100px;
margin: 38px auto 0;
}
.flow-title {
text-align: center;
font-size: 1.3em;
font-weight: 700;
color: #fff;
margin-bottom: 24px;
text-transform: uppercase;
letter-spacing: 2px;
}
/* top-level 3 columns */
.top-level {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 18px;
align-items: start;
}
.type-card {
border-radius: 16px;
overflow: hidden;
box-shadow: 0 10px 40px rgba(0,0,0,0.45);
}
.type-header {
padding: 16px 18px;
font-weight: 800;
font-size: 1.0em;
text-transform: uppercase;
letter-spacing: 1px;
display: flex;
align-items: center;
gap: 10px;
}
.type-header .icon { font-size: 1.4em; }
/* A – Common Source */
.card-a .type-header { background: linear-gradient(90deg, #f46b45, #eea849); }
.card-a .type-body { background: rgba(244,107,69,0.12); border: 2px solid rgba(244,107,69,0.35); border-top: none; }
/* B – Propagated */
.card-b .type-header { background: linear-gradient(90deg, #11998e, #38ef7d); color: #0a1a1a; }
.card-b .type-body { background: rgba(17,153,142,0.12); border: 2px solid rgba(56,239,125,0.35); border-top: none; }
/* C – Slow / Modern */
.card-c .type-header { background: linear-gradient(90deg, #a18cd1, #fbc2eb); color: #1a0a2e; }
.card-c .type-body { background: rgba(161,140,209,0.12); border: 2px solid rgba(251,194,235,0.35); border-top: none; }
.type-body { padding: 18px 16px 20px; }
/* sub-types */
.sub-type {
background: rgba(255,255,255,0.07);
border-radius: 10px;
padding: 14px;
margin-bottom: 12px;
border-left: 4px solid;
position: relative;
}
.sub-type:last-child { margin-bottom: 0; }
.sub-a1 { border-color: #f9d423; }
.sub-a2 { border-color: #ff6b6b; }
.sub-a3 { border-color: #ffa07a; }
.sub-b1 { border-color: #38ef7d; }
.sub-b2 { border-color: #00b4d8; }
.sub-b3 { border-color: #90e0ef; }
.sub-c1 { border-color: #e0aaff; }
.sub-title {
font-weight: 700;
font-size: 0.85em;
margin-bottom: 6px;
color: #fff;
}
.sub-body {
font-size: 0.76em;
color: #c5cff0;
line-height: 1.6;
}
.pill {
display: inline-block;
padding: 2px 9px;
border-radius: 20px;
font-size: 0.68em;
font-weight: 700;
margin: 3px 2px 0;
background: rgba(255,255,255,0.15);
color: #fff;
}
.pill-yellow { background: rgba(249,212,35,0.25); color: #f9d423; }
.pill-green { background: rgba(56,239,125,0.25); color: #38ef7d; }
.pill-red { background: rgba(255,107,107,0.25); color: #ff9f9f; }
.pill-blue { background: rgba(0,180,216,0.25); color: #90e0ef; }
.pill-purple { background: rgba(224,170,255,0.25); color: #e0aaff; }
/* ── CURVE SHAPES ── */
.curve-section {
max-width: 1100px;
margin: 38px auto 0;
}
.curves-grid {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 18px;
}
.curve-card {
border-radius: 14px;
padding: 20px;
text-align: center;
position: relative;
overflow: hidden;
}
.curve-card-a { background: linear-gradient(145deg, #1a0a00, #3d1a00); border: 2px solid #f46b45; }
.curve-card-b { background: linear-gradient(145deg, #001a10, #003d20); border: 2px solid #38ef7d; }
.curve-card-c { background: linear-gradient(145deg, #100a1a, #200a3d); border: 2px solid #a18cd1; }
.curve-card h3 { font-size: 0.85em; font-weight: 700; margin-bottom: 14px; letter-spacing: 1px; }
.curve-card-a h3 { color: #f9d423; }
.curve-card-b h3 { color: #38ef7d; }
.curve-card-c h3 { color: #e0aaff; }
svg.curve-svg { width: 100%; height: 120px; overflow: visible; }
.curve-desc {
font-size: 0.72em;
color: #b0b8d1;
margin-top: 12px;
line-height: 1.5;
}
.curve-examples {
font-size: 0.7em;
color: #f9d423;
font-weight: 600;
margin-top: 6px;
}
/* ── FEATURES GRID ── */
.features-section {
max-width: 1100px;
margin: 38px auto 0;
}
.features-row {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 18px;
}
.feat-box {
border-radius: 14px;
padding: 22px;
}
.feat-box-a { background: rgba(244,107,69,0.1); border: 2px solid rgba(244,107,69,0.4); }
.feat-box-b { background: rgba(17,153,142,0.1); border: 2px solid rgba(56,239,125,0.4); }
.feat-box h3 { font-size: 0.9em; font-weight: 700; margin-bottom: 14px; text-transform: uppercase; letter-spacing: 1px; }
.feat-box-a h3 { color: #f9d423; }
.feat-box-b h3 { color: #38ef7d; }
.feat-list { list-style: none; }
.feat-list li {
font-size: 0.8em;
color: #d0d8f0;
padding: 6px 0 6px 22px;
border-bottom: 1px solid rgba(255,255,255,0.05);
position: relative;
line-height: 1.5;
}
.feat-list li:last-child { border-bottom: none; }
.feat-list li::before {
content: "▶";
position: absolute;
left: 0;
font-size: 0.65em;
top: 9px;
}
.feat-box-a .feat-list li::before { color: #f46b45; }
.feat-box-b .feat-list li::before { color: #38ef7d; }
/* ── INVESTIGATION STEPS ── */
.steps-section {
max-width: 900px;
margin: 38px auto 0;
}
.steps-flow {
display: flex;
flex-direction: column;
gap: 0;
}
.step-item {
display: flex;
align-items: flex-start;
gap: 0;
}
.step-left {
display: flex;
flex-direction: column;
align-items: center;
width: 56px;
flex-shrink: 0;
}
.step-num {
width: 44px;
height: 44px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-weight: 800;
font-size: 1.1em;
flex-shrink: 0;
z-index: 1;
}
.step-line {
width: 3px;
flex: 1;
min-height: 20px;
background: linear-gradient(to bottom, rgba(255,255,255,0.25), rgba(255,255,255,0.05));
}
.step-content {
background: rgba(255,255,255,0.06);
border: 1px solid rgba(255,255,255,0.12);
border-radius: 12px;
padding: 14px 18px;
margin-bottom: 12px;
flex: 1;
}
.step-content h4 { font-size: 0.88em; font-weight: 700; margin-bottom: 4px; }
.step-content p { font-size: 0.76em; color: #b0b8d1; line-height: 1.5; }
.step-1 .step-num { background: #f46b45; }
.step-2 .step-num { background: #f9d423; color: #1a1a00; }
.step-3 .step-num { background: #38ef7d; color: #001a0a; }
.step-4 .step-num { background: #00b4d8; }
.step-5 .step-num { background: #a18cd1; }
.step-6 .step-num { background: #fb6f92; }
/* ── MNEMONIC ── */
.mnemonic-box {
max-width: 900px;
margin: 38px auto 0;
background: linear-gradient(135deg, #0d0d0d, #1a1a2e);
border: 2px solid #f9d423;
border-radius: 16px;
padding: 26px 30px;
text-align: center;
}
.mnemonic-box h3 {
font-size: 1.0em;
color: #f9d423;
text-transform: uppercase;
letter-spacing: 3px;
margin-bottom: 16px;
}
.mnemonic-letters {
display: flex;
justify-content: center;
gap: 14px;
flex-wrap: wrap;
}
.mnem-item {
background: rgba(255,255,255,0.07);
border-radius: 10px;
padding: 12px 14px;
min-width: 110px;
}
.mnem-letter {
font-size: 2em;
font-weight: 800;
background: linear-gradient(135deg, #f9d423, #ff4e50);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.mnem-word { font-size: 0.72em; color: #c5cff0; margin-top: 4px; }
/* ── EXAM TIPS ── */
.tips-section {
max-width: 900px;
margin: 38px auto 0;
}
.tips-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 14px;
margin-top: 16px;
}
.tip-card {
background: rgba(255, 255, 255, 0.05);
border-radius: 12px;
padding: 16px 18px;
border-left: 4px solid;
display: flex;
gap: 12px;
align-items: flex-start;
}
.tip-1 { border-color: #f9d423; }
.tip-2 { border-color: #ff6b6b; }
.tip-3 { border-color: #38ef7d; }
.tip-4 { border-color: #00b4d8; }
.tip-5 { border-color: #a18cd1; }
.tip-6 { border-color: #fb6f92; }
.tip-icon { font-size: 1.5em; flex-shrink: 0; }
.tip-text { font-size: 0.78em; color: #d0d8f0; line-height: 1.5; }
.tip-text strong { color: #fff; display: block; margin-bottom: 3px; font-size: 1.0em; }
/* ── COMPARISON TABLE ── */
.table-section {
max-width: 1100px;
margin: 38px auto 0;
}
.comp-table {
width: 100%;
border-collapse: collapse;
font-size: 0.8em;
}
.comp-table th {
padding: 12px 14px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1px;
}
.comp-table td {
padding: 10px 14px;
border-bottom: 1px solid rgba(255,255,255,0.08);
color: #c5cff0;
vertical-align: top;
line-height: 1.5;
}
.comp-table tr:last-child td { border-bottom: none; }
.comp-table tr:hover td { background: rgba(255,255,255,0.04); }
.th-feature { background: rgba(255,255,255,0.1); color: #f9d423; border-radius: 8px 0 0 0; }
.th-point { background: rgba(244,107,69,0.2); color: #ff9f6b; }
.th-cont { background: rgba(255,107,107,0.2); color: #ff9f9f; }
.th-prop { background: rgba(17,153,142,0.2); color: #38ef7d; }
.td-feature { font-weight: 700; color: #e0e6ff; font-size: 0.9em; }
footer {
text-align: center;
margin-top: 50px;
color: rgba(255,255,255,0.3);
font-size: 0.72em;
letter-spacing: 1px;
}
/* Connector arrows */
.arrow-down {
text-align: center;
font-size: 1.8em;
color: rgba(255,255,255,0.3);
margin: 6px 0;
line-height: 1;
}
@media (max-width: 768px) {
.top-level, .tells-grid, .curves-grid, .features-row, .tips-grid { grid-template-columns: 1fr; }
.main-title h1 { font-size: 1.6em; }
}
</style>
</head>
<body>
<!-- ═══════════════════════ HEADER ═══════════════════════ -->
<div class="main-title">
<h1>📈 Epidemic Curve</h1>
<p>Preventive & Social Medicine — Complete Exam Notes</p>
<span class="source-badge">📚 Source: Park's Textbook of PSM</span>
</div>
<!-- ═══════════════════════ DEFINITION ═══════════════════════ -->
<div class="def-box">
<div class="label">📌 Definition</div>
<p>
A <strong>graph of the time distribution of epidemic cases</strong> plotted with
<em>number of cases</em> on the Y-axis and <em>time (dates/dates of onset)</em>
on the X-axis. It provides a visual picture of the epidemic and helps in
identifying the source, mode of spread, and incubation period.
</p>
</div>
<!-- ═══════════════════════ WHAT IT TELLS US ═══════════════════════ -->
<div class="tells-section">
<p class="section-head">🔍 What the Epidemic Curve Tells Us</p>
<div class="tells-grid">
<div class="tells-card">
<div class="icon">⏱️</div>
<div class="t-title">Time Relationship</div>
<p>Reveals the relationship between disease onset and exposure to a suspected source</p>
</div>
<div class="tells-card">
<div class="icon">🔄</div>
<div class="t-title">Seasonal / Cyclic Pattern</div>
<p>Cyclical or seasonal trends suggestive of a particular infection (e.g., dengue in monsoon)</p>
</div>
<div class="tells-card">
<div class="icon">🔗</div>
<div class="t-title">Mode of Spread</div>
<p>Distinguishes common-source spread from propagated (person-to-person) spread</p>
</div>
</div>
</div>
<!-- ═══════════════════════ TYPES FLOWCHART ═══════════════════════ -->
<div class="flow-wrapper">
<p class="flow-title">🌊 Types of Epidemics & Their Curves</p>
<div class="top-level">
<!-- A: Common Source -->
<div class="type-card card-a">
<div class="type-header">
<span class="icon">💧</span>
A. Common-Source Epidemics
</div>
<div class="type-body">
<div class="sub-type sub-a1">
<div class="sub-title">🎯 (a) Point-Source / Single Exposure</div>
<div class="sub-body">
Brief, simultaneous exposure to disease agent. All cases develop within
<strong>ONE incubation period</strong>.
<br><br>
<span class="pill pill-yellow">Rapid rise & fall</span>
<span class="pill pill-yellow">Single sharp peak</span>
<span class="pill pill-red">No secondary waves</span>
<br>
<span class="pill pill-yellow">Cases cluster in narrow time interval</span>
<br><br>
<strong style="color:#f9d423">Key Concept:</strong> Median incubation period = time for 50% cases to occur after exposure.<br><br>
<em style="color:#ffa07a">Example: Food poisoning at a wedding feast</em>
</div>
</div>
<div class="sub-type sub-a2">
<div class="sub-title">🔁 (b) Continuous / Repeated Exposure</div>
<div class="sub-body">
Prolonged or intermittent exposure from the SAME source over time.
No explosive rise.
<br><br>
<span class="pill pill-red">Extended / irregular pattern</span>
<span class="pill pill-red">Continues >1 incubation period</span>
<span class="pill pill-red">No secondary cases on contact</span>
<br><br>
<em style="color:#ffa07a">Example: Contaminated water well, Legionnaire's disease Philadelphia 1976</em>
</div>
</div>
<div class="sub-type sub-a3">
<div class="sub-title">🔀 (c) Mixed: Common-Source → Propagated</div>
<div class="sub-body">
Starts as common-source then continues as propagated epidemic.
Sharp initial peak, then a prolonged tail.
<br><br>
<span class="pill pill-yellow">Sharp peak, slow decline</span>
<br><br>
<em style="color:#ffa07a">Example: Water-borne cholera</em>
</div>
</div>
</div>
</div>
<!-- B: Propagated -->
<div class="type-card card-b">
<div class="type-header" style="color:#001a0a">
<span class="icon">🧬</span>
B. Propagated Epidemics
</div>
<div class="type-body">
<div class="sub-type sub-b1">
<div class="sub-title">👥 (a) Person-to-Person</div>
<div class="sub-body">
Infectious agent transmitted directly between individuals. Successive
waves occur over multiple incubation periods. Tails off when susceptibles are depleted.
<br><br>
<span class="pill pill-green">Gradual rise</span>
<span class="pill pill-green">Multiple waves / peaks</span>
<span class="pill pill-green">Slow tail-off</span>
<br><br>
Speed depends on: <strong style="color:#38ef7d">Herd immunity + contact rate + secondary attack rate</strong>
<br><br>
<em style="color:#90e0ef">Examples: Hepatitis A, Polio</em>
</div>
</div>
<div class="sub-type sub-b2">
<div class="sub-title">🦟 (b) Arthropod-Vector Borne</div>
<div class="sub-body">
Transmitted via arthropod vectors (mosquitoes, ticks, flies).
Pattern dependent on vector density & seasonal activity.
<br><br>
<span class="pill pill-blue">Seasonal peaks</span>
<span class="pill pill-blue">Geographic clustering</span>
<br><br>
<em style="color:#90e0ef">Examples: Malaria (Anopheles), Dengue (Aedes), Plague (flea)</em>
</div>
</div>
<div class="sub-type sub-b3">
<div class="sub-title">🐾 (c) Animal Reservoir</div>
<div class="sub-body">
Agent maintained in animal hosts; humans are incidental hosts.
<br><br>
<span class="pill pill-blue">Sporadic or zoonotic pattern</span>
<br><br>
<em style="color:#90e0ef">Examples: Rabies, Leptospirosis, Japanese encephalitis</em>
</div>
</div>
</div>
</div>
<!-- C: Slow Epidemics -->
<div class="type-card card-c">
<div class="type-header" style="color:#1a0a2e">
<span class="icon">🐢</span>
C. Slow (Modern) Epidemics
</div>
<div class="type-body">
<div class="sub-type sub-c1">
<div class="sub-title">📉 Secular (Long-term) Trend</div>
<div class="sub-body">
Gradual rise or fall over years or decades. Represents long-term changes in disease frequency.
<br><br>
<span class="pill pill-purple">Decades-long curve</span>
<span class="pill pill-purple">Non-infectious causes</span>
<br><br>
Curve shape helps identify whether we have crossed the peak or are on the declining limb.
<br><br>
<em style="color:#e0aaff">Examples: Lung cancer epidemic (linked to smoking), Cardiovascular disease, HIV/AIDS epidemic, Obesity epidemic</em>
<br><br>
<strong style="color:#e0aaff">U-Shaped Curve:</strong> Influenza inter-pandemic years — high attack rates in infants & elderly, low in middle ages.
</div>
</div>
</div>
</div>
</div>
</div>
<!-- ═══════════════════════ CURVE SHAPES VISUAL ═══════════════════════ -->
<div class="curve-section">
<p class="section-head">📊 Visual: Epidemic Curve Shapes</p>
<div class="curves-grid">
<!-- Point Source -->
<div class="curve-card curve-card-a">
<h3>🎯 Point-Source Epidemic</h3>
<svg class="curve-svg" viewBox="0 0 300 100" preserveAspectRatio="none">
<!-- axes -->
<line x1="20" y1="90" x2="290" y2="90" stroke="#f46b45" stroke-width="2"/>
<line x1="20" y1="10" x2="20" y2="90" stroke="#f46b45" stroke-width="2"/>
<!-- exposure arrow -->
<line x1="80" y1="90" x2="80" y2="78" stroke="#f9d423" stroke-width="2" marker-end="url(#arrowA)"/>
<text x="60" y="76" font-size="8" fill="#f9d423">Exposure</text>
<!-- bell curve -->
<path d="M 80 90 C 100 90, 120 20, 150 15 C 180 10, 210 20, 230 60 C 245 80, 255 90, 270 90"
fill="none" stroke="#f9d423" stroke-width="3"/>
<!-- axis labels -->
<text x="140" y="100" font-size="9" fill="#b0b8d1" text-anchor="middle">Time →</text>
<text x="8" y="55" font-size="8" fill="#b0b8d1" transform="rotate(-90,8,55)">Cases</text>
<defs>
<marker id="arrowA" markerWidth="6" markerHeight="6" refX="3" refY="3" orient="auto">
<path d="M0,0 L0,6 L6,3 z" fill="#f9d423"/>
</marker>
</defs>
</svg>
<div class="curve-desc">Single sharp peak within ONE incubation period. Rapid rise and fall. No secondary waves.</div>
<div class="curve-examples">🍽️ Food poisoning, Toxic exposure</div>
</div>
<!-- Propagated -->
<div class="curve-card curve-card-b">
<h3>🧬 Propagated Epidemic</h3>
<svg class="curve-svg" viewBox="0 0 300 100" preserveAspectRatio="none">
<line x1="20" y1="90" x2="290" y2="90" stroke="#38ef7d" stroke-width="2"/>
<line x1="20" y1="10" x2="20" y2="90" stroke="#38ef7d" stroke-width="2"/>
<!-- multiple waves -->
<path d="M 30 88 C 40 88, 55 70, 70 65 C 85 60, 90 72, 100 75 C 110 78, 120 55, 140 40 C 160 25, 175 30, 185 45 C 195 55, 200 62, 215 70 C 230 78, 235 65, 255 58 C 268 53, 275 60, 285 65"
fill="none" stroke="#38ef7d" stroke-width="3"/>
<text x="140" y="100" font-size="9" fill="#b0b8d1" text-anchor="middle">Time →</text>
<text x="8" y="55" font-size="8" fill="#b0b8d1" transform="rotate(-90,8,55)">Cases</text>
<!-- wave labels -->
<text x="70" y="62" font-size="7" fill="#90e0ef">1st</text>
<text x="138" y="37" font-size="7" fill="#90e0ef">2nd</text>
<text x="250" y="54" font-size="7" fill="#90e0ef">3rd</text>
</svg>
<div class="curve-desc">Gradual rise, multiple successive waves separated by incubation periods. Slow tail-off.</div>
<div class="curve-examples">💉 Hepatitis A, Polio, Measles</div>
</div>
<!-- Continuous Source -->
<div class="curve-card curve-card-c">
<h3>🔁 Continuous / Mixed Source</h3>
<svg class="curve-svg" viewBox="0 0 300 100" preserveAspectRatio="none">
<line x1="20" y1="90" x2="290" y2="90" stroke="#a18cd1" stroke-width="2"/>
<line x1="20" y1="10" x2="20" y2="90" stroke="#a18cd1" stroke-width="2"/>
<!-- irregular plateau with decline -->
<path d="M 30 88 C 50 80, 60 55, 80 40 C 95 28, 100 35, 120 35 C 145 35, 160 30, 175 28 C 190 25, 195 35, 210 50 C 225 62, 245 75, 280 86"
fill="none" stroke="#e0aaff" stroke-width="3"/>
<text x="140" y="100" font-size="9" fill="#b0b8d1" text-anchor="middle">Time →</text>
<text x="8" y="55" font-size="8" fill="#b0b8d1" transform="rotate(-90,8,55)">Cases</text>
<!-- plateau label -->
<text x="130" y="22" font-size="7" fill="#fbc2eb" text-anchor="middle">Prolonged plateau</text>
</svg>
<div class="curve-desc">Extended or irregular pattern. Continues beyond one incubation period. No explosive rise.</div>
<div class="curve-examples">💧 Contaminated water supply, Legionnaire's disease</div>
</div>
</div>
</div>
<!-- ═══════════════════════ KEY FEATURES TABLE ═══════════════════════ -->
<div class="table-section">
<p class="section-head">📋 Comparison Table (High-Yield for MCQs)</p>
<table class="comp-table">
<thead>
<tr>
<th class="th-feature">Feature</th>
<th class="th-point">Point-Source</th>
<th class="th-cont">Continuous Source</th>
<th class="th-prop">Propagated</th>
</tr>
</thead>
<tbody>
<tr>
<td class="td-feature">Onset</td>
<td>Explosive (rapid)</td>
<td>Gradual / extended</td>
<td>Gradual rise</td>
</tr>
<tr>
<td class="td-feature">Duration</td>
<td>Short (< 1 incubation period)</td>
<td>Prolonged (>1 incubation period)</td>
<td>Long (multiple incubation periods)</td>
</tr>
<tr>
<td class="td-feature">Curve shape</td>
<td>Single sharp peak bell curve</td>
<td>Irregular / plateau shaped</td>
<td>Multiple waves (successive peaks)</td>
</tr>
<tr>
<td class="td-feature">Secondary waves</td>
<td>Absent</td>
<td>Absent</td>
<td>Present (successive)</td>
</tr>
<tr>
<td class="td-feature">Incubation period clue</td>
<td>Median IP calculable from curve</td>
<td>Not easily calculable</td>
<td>Interval between waves = IP</td>
</tr>
<tr>
<td class="td-feature">Herd immunity effect</td>
<td>Not applicable</td>
<td>Minimal</td>
<td>Major determinant of spread</td>
</tr>
<tr>
<td class="td-feature">Classic examples</td>
<td>Food poisoning, Cholera (point)</td>
<td>Legionnaire's disease, Contaminated well</td>
<td>Hepatitis A, Polio, Measles, Influenza</td>
</tr>
<tr>
<td class="td-feature">Cause type</td>
<td>Infectious or non-infectious (chemical)</td>
<td>Infectious or environmental pollutant</td>
<td>Almost always infectious</td>
</tr>
</tbody>
</table>
</div>
<!-- ═══════════════════════ KEY FEATURES POINT VS PROP ═══════════════════════ -->
<div class="features-section">
<p class="section-head">✅ Key Diagnostic Features</p>
<div class="features-row">
<div class="feat-box feat-box-a">
<h3>🎯 Point-Source Epidemic — 3 Cardinal Features</h3>
<ul class="feat-list">
<li>Epidemic curve <strong>rises and falls rapidly</strong> with NO secondary waves</li>
<li>Cases show <strong>clustering within a narrow time interval</strong></li>
<li>All cases develop within <strong>ONE incubation period</strong> of disease</li>
<li><em>Median incubation period</em> = time for 50% of cases to occur after exposure</li>
<li>Can result from <strong>non-infectious causes</strong> too (Bhopal gas tragedy, Minamata disease — methylmercury in fish)</li>
</ul>
</div>
<div class="feat-box feat-box-b">
<h3>🧬 Propagated Epidemic — Key Features</h3>
<ul class="feat-list">
<li>Results from <strong>person-to-person transmission</strong> of infectious agent</li>
<li>Gradual rise and <strong>tails off over a much longer period</strong></li>
<li>Transmission continues until <strong>susceptibles are depleted</strong></li>
<li>Speed depends on: <strong>herd immunity, contact opportunity, secondary attack rate</strong></li>
<li>More likely where large numbers of susceptibles are aggregated</li>
<li>Also spread via <strong>arthropod vectors</strong> (malaria, dengue) or <strong>animal reservoirs</strong> (rabies)</li>
<li>Historical control: natural depletion of susceptibles — e.g., measles cycles every <strong>2-3 years</strong> (pre-vaccination)</li>
</ul>
</div>
</div>
</div>
<!-- ═══════════════════════ INVESTIGATION STEPS ═══════════════════════ -->
<div class="steps-section">
<p class="section-head">🔬 Steps in Epidemic Investigation (Role of Epi Curve)</p>
<div class="steps-flow">
<div class="step-item step-1">
<div class="step-left">
<div class="step-num">1</div>
<div class="step-line"></div>
</div>
<div class="step-content">
<h4>Verify Diagnosis</h4>
<p>Confirm that reported cases are genuine — clinical, laboratory, or epidemiological criteria.</p>
</div>
</div>
<div class="step-item step-2">
<div class="step-left">
<div class="step-num">2</div>
<div class="step-line"></div>
</div>
<div class="step-content">
<h4>Confirm Existence of Epidemic</h4>
<p>Compare current case count to baseline (endemic level) for that area, population, and season.</p>
</div>
</div>
<div class="step-item step-3">
<div class="step-left">
<div class="step-num">3</div>
<div class="step-line"></div>
</div>
<div class="step-content">
<h4>Prepare Epidemic Curve ⭐</h4>
<p>Plot dates of onset of cases chronologically. This is the most informative step — the curve shape reveals mode of spread and helps estimate incubation period and exposure time.</p>
</div>
</div>
<div class="step-item step-4">
<div class="step-left">
<div class="step-num">4</div>
<div class="step-line"></div>
</div>
<div class="step-content">
<h4>Describe Epidemic by Time, Place, Person</h4>
<p>Analyze when, where, and who — age, sex, occupation, water/food sources, travel history.</p>
</div>
</div>
<div class="step-item step-5">
<div class="step-left">
<div class="step-num">5</div>
<div class="step-line"></div>
</div>
<div class="step-content">
<h4>Formulate Hypothesis & Test It</h4>
<p>Use the epi curve to back-calculate probable exposure time. Collect specimens and test for causative agent.</p>
</div>
</div>
<div class="step-item step-6">
<div class="step-left">
<div class="step-num">6</div>
</div>
<div class="step-content">
<h4>Control Measures & Report</h4>
<p>Institute immediate control measures, communicate findings to health authorities, and recommend prevention strategies.</p>
</div>
</div>
</div>
</div>
<!-- ═══════════════════════ TEXTBOOK IMAGE ═══════════════════════ -->
<div style="max-width:600px;margin:38px auto 0;text-align:center;">
<p class="section-head">📖 Park's Textbook Diagram (Fig. 4)</p>
<div style="background:rgba(255,255,255,0.05);border:2px solid rgba(255,255,255,0.15);border-radius:14px;padding:16px;display:inline-block;width:100%">
<img src="https://cdn.orris.care/cdss_images/2e4468058b9176bf03cc4fdb88995e487d68c33b039e2e2d6877c2a85f813c4e.png"
alt="Epidemic Curve - Park's Textbook Fig 4"
style="max-width:100%;border-radius:8px;background:#fff;padding:8px">
<p style="font-size:0.72em;color:#b0b8d1;margin-top:10px">
Classic point-source epidemic curve — Number of cases vs. Time after exposure
</p>
</div>
</div>
<!-- ═══════════════════════ MNEMONIC ═══════════════════════ -->
<div class="mnemonic-box">
<h3>💡 Memory Aid — Types of Epidemics</h3>
<p style="font-size:0.82em;color:#c5cff0;margin-bottom:18px">
<strong style="color:#f9d423">"C-P-S"</strong> — Common source, Propagated, Slow
</p>
<div class="mnemonic-letters">
<div class="mnem-item">
<div class="mnem-letter">C</div>
<div class="mnem-word">Common-Source<br><em>(Point / Continuous)</em></div>
</div>
<div class="mnem-item">
<div class="mnem-letter">P</div>
<div class="mnem-word">Propagated<br><em>(Person / Vector / Animal)</em></div>
</div>
<div class="mnem-item">
<div class="mnem-letter">S</div>
<div class="mnem-word">Slow (Modern)<br><em>(Secular trend)</em></div>
</div>
</div>
<p style="font-size:0.78em;color:#b0b8d1;margin-top:18px">
<strong style="color:#f9d423">Point-Source:</strong>
"<em><strong style="color:#fff">One Peak, One Period</strong></em>" — single peak, all cases within one incubation period
</p>
</div>
<!-- ═══════════════════════ EXAM TIPS ═══════════════════════ -->
<div class="tips-section">
<p class="section-head">🎯 High-Yield Exam Points</p>
<div class="tips-grid">
<div class="tip-card tip-1">
<div class="tip-icon">⭐</div>
<div class="tip-text">
<strong>Median Incubation Period</strong>
In a point-source epidemic, the time required for 50% of cases to occur after exposure is the median incubation period. Back-calculate from the peak of the curve.
</div>
</div>
<div class="tip-card tip-2">
<div class="tip-icon">🔴</div>
<div class="tip-text">
<strong>Non-infectious Common-Source</strong>
Common-source epidemics are NOT always infectious — Bhopal gas tragedy (MIC gas) and Minamata disease (methylmercury in fish) are classic examples.
</div>
</div>
<div class="tip-card tip-3">
<div class="tip-icon">🟢</div>
<div class="tip-text">
<strong>Cholera Water-borne = Mixed Type</strong>
Starts as common-source (water), then continues as propagated. Sharp initial peak + prolonged tail.
</div>
</div>
<div class="tip-card tip-4">
<div class="tip-icon">🔵</div>
<div class="tip-text">
<strong>Propagated Speed Determinants</strong>
Speed = f(Herd immunity, Contact opportunity, Secondary attack rate). High herd immunity = slower spread.
</div>
</div>
<div class="tip-card tip-5">
<div class="tip-icon">🟣</div>
<div class="tip-text">
<strong>Measles Cycle (Pre-vaccination)</strong>
Major peaks every 2–3 years; rubella every 6–9 years. Due to natural variation in herd immunity — build-up of susceptibles required.
</div>
</div>
<div class="tip-card tip-6">
<div class="tip-icon">🩷</div>
<div class="tip-text">
<strong>Influenza U-Shaped Curve</strong>
During inter-pandemic years, influenza shows a "U-shaped" epidemic curve — highest attack rates in infants/young children and elderly.
</div>
</div>
</div>
</div>
<footer>
Epidemic Curve — PSM Exam Notes | Based on Park's Textbook of Preventive & Social Medicine | Orris Medical AI
</footer>
</body>
</html>
Running Command
ls -lh /home/daytona/workspace/epidemic-curve/
Here's your complete, attractive PSM exam notes on the Epidemic Curve — sourced directly from Park's Textbook of PSM!
📈 Epidemic Curve — PSM Exam Notes
Download your flowchart here:
epidemic curve psm
HTML File · HTML
What's Inside (Section-by-Section)
📌 Definition
A graph of the time distribution of epidemic cases — Number of cases (Y-axis) vs. Time/Date of onset (X-axis).
🔍 What the Epidemic Curve Tells You (3 things)
- Time relationship with exposure to a suspected source
- Seasonal/cyclic pattern suggestive of a particular infection
- Mode of spread — common-source vs. propagated
🌊 Types of Epidemics + Their Curves
| Type | Sub-type | Curve Shape | Examples |
|---|---|---|---|
| A. Common-Source | Point-source (single exposure) | Single sharp bell peak, rapid rise & fall | Food poisoning |
| Continuous/repeated exposure | Irregular, extended plateau | Legionnaire's disease, contaminated well | |
| Mixed (common → propagated) | Sharp peak + slow prolonged tail | Water-borne cholera | |
| B. Propagated | Person-to-person | Gradual rise, multiple waves, slow tail-off | Hepatitis A, Polio |
| Arthropod-vector | Seasonal peaks | Malaria, Dengue | |
| Animal reservoir | Sporadic/zoonotic | Rabies, Leptospirosis | |
| C. Slow (Modern) | Secular trend | Decades-long gradual curve | Lung cancer, CVD, HIV |
🎯 High-Yield MCQ Points
- Point-source = "One Peak, One Period" - all cases within ONE incubation period; NO secondary waves
- Median incubation period = time for 50% of cases to occur after exposure (read from curve peak)
- Common-source epidemics can be non-infectious - Bhopal gas tragedy, Minamata disease (methylmercury)
- Cholera water-borne = mixed type (common-source start + propagated tail)
- Propagated speed depends on: Herd immunity + Contact opportunity + Secondary attack rate
- Measles cycles every 2-3 years pre-vaccination (rubella every 6-9 years)
- Influenza U-shaped curve in inter-pandemic years (high in infants + elderly)
💡 Mnemonic
C-P-S: Common-source → Propagated → Slow (Modern)
The flowchart also includes the original Park's textbook Fig. 4 diagram embedded directly. Open the HTML file in any browser for the full colorful visual!
This is a shared conversation. Sign in to Orris to start your own chat.