**Remember:** - log into Wooclap - navigate to welcome slide - flip back to timer --- <!-- Padding-bottom: 56.25% enforces a perfect 16:9 aspect ratio box. Positioning absolute allows it to fill the entire slide area. --> <div style="position: relative; width: 100%; padding-bottom: 56.25%; height: 0; overflow: hidden; background: #ffffff;"> <iframe src="https://app.wooclap.com/events/FGEJLTE/display" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none;" allowfullscreen sandbox="allow-scripts allow-same-origin allow-forms allow-popups allow-popups-to-escape-sandbox"> </iframe> --- class: center, middle name: countdown-slide <style> #progress-ring { transition: stroke-dashoffset 1s linear, stroke 0.3s ease; } </style> # Quiet please in... <div style="position: relative; width: 500px; height: 500px; margin: 0 auto;"> <svg width="500" height="500" style="transform: rotate(-90deg);"> <circle cx="250" cy="250" r="230" stroke="#e0e0e0" stroke-width="20" fill="none" /> <circle id="progress-ring" cx="250" cy="250" r="230" stroke="#2c7be5" stroke-width="20" fill="none" stroke-linecap="round" stroke-dasharray="1445.9" stroke-dashoffset="0" /> </svg> <div id="countdown" style="position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 10em; font-weight: bold; font-family: sans-serif;"> </div> </div> <script> (function() { var el = document.getElementById("countdown"); var ring = document.getElementById("progress-ring"); var timer = null; var radius = 230; var circumference = 2 * Math.PI * radius; function setProgress(fraction) { var offset = circumference * (1 - fraction); ring.style.strokeDashoffset = offset; } function startCountdown() { if (timer) { clearInterval(timer); timer = null; } var total = 10; var count = total; el.innerHTML = count; ring.style.stroke = "#2c7be5"; setProgress(count / total); timer = setInterval(function() { count--; el.innerHTML = count; setProgress(count / total); if (count <= 3) { ring.style.stroke = "#e63946"; } if (count <= 0) { clearInterval(timer); timer = null; el.innerHTML = "π€«"; ring.style.stroke = "#2ecc71"; } }, 1000); } slideshow.on('afterShowSlide', function (slide) { if (slide.properties.name === "countdown-slide") { startCountdown(); } }); })(); </script> --- class: intro-slide <div class="intro-left"> <div class="qr-item"> <p class="qr-caption">To log attendance:</p> <img src="images/qr_attendance_d1.png" alt="Attendance QR code" /> </div> <div class="qr-item"> <p class="qr-caption">To log into Wooclap:</p> <img src="images/qr_wooclap.png" alt="Wooclap QR code" /> </div> </div> <div class="intro-right" id="vanta-bg"> <div class="intro-right-content"> <h1>Introduction to the Cardiovascular System</h1> <h2>Lecture 1: Fluids & Vessels | Dr. Robert Hunter</h2> <div class="intro-spacer"></div> .callout-question[ **A question for you:**<br> What is the leading cause of death worldwide? ] </div> </div> <script> (function initVantaIntro(attempts) { attempts = attempts || 0; var target = document.getElementById("vanta-bg"); if (typeof VANTA === "undefined" || !target || target.offsetWidth === 0) { if (attempts < 20) { setTimeout(function () { initVantaIntro(attempts + 1); }, 150); } return; } VANTA.BIRDS({ el: target, mouseControls: true, touchControls: true, gyroControls: false, minHeight: 200.00, minWidth: 200.00, scale: 1.00, scaleMobile: 1.00, backgroundColor: 0xffffff, color1: 0x3c00ff, color2: 0xffa400, birdSize: 1.20, speedLimit: 3.00, quantity: 3.00 }); })(); </script> ??? **Timing overview:** - Introduction: why does the body need a CVS? (~5 min) - Section 1: Body Fluids (~12 min) - Section 2: Capillary Exchange (~12 min) - Section 3: Blood Vessels (~11 min) ---  ??? But we are not actually going to talk about CVS disease today. We are talking about the CVS because it is so important for pretty much all of medicine! --- class: image-left .left-panel.left-panel.amber[ #### Today: 1) body fluids 2) capillary exchange 3) blood vessels <br> <br> #### Tomorrow: 4) the heart 5) cardiac output 6) integrated control ] # Learning outcomes 1. **Explain** why multicellular organisms require a circulatory system, and **list** the major functions of the cardiovascular system 2. **Identify** the main body fluid compartments, their approximate volumes, and key differences in ionic composition 3. **Explain** the forces governing capillary fluid exchange (Starling's forces) and **describe** what happens when these forces are disrupted 4. **Describe** the structural and functional properties of each vessel type and **relate** structure to function <br> .callout[ **Context:** these lectures form a skeleton of knowledge you will build in in semester 2 ("Sustaining Life") and year 2 ("Renal & Urology") ] .callout-ref[ **Primers:**<br> body fluids | blood vessels | haemodynamics ] --- # Why do you have a cardiovascular system?  -- <br> Diffusion is extraordinarily fast over micrometres... ...but hopelessly slow over millimetres: - diffusion time increases with the **square** of distance - effective only over distances of **less than ~1 mm** - tissue in the centre of any organism larger than a pin-head would suffocate before oxygen reached it by diffusion --- class: black-bg  ??? DWI sequence in acute ischaemic stroke. --- # Functions of the cardiovascular system The cardiovascular system exists to solve the diffusion-distance problem β and, once built, evolution put it to work doing a great deal more besides. 1. **Delivery** of Oβ and nutrients to tissues 2. **Removal** of COβ and metabolic waste 3. **Gas exchange** with the environment (pulmonary circulation) 4. **Maintenance** of body fluid volume and composition 5. **Dynamic redistribution** of blood flow to where it's needed 6. **Delivery** of hormones 7. **Immune defence** and tissue repair 8. **Thermoregulation** .callout.callout-bottom[ The cardiovascular system **delivers**, **removes**, and **redistributes** β almost everything else it does is a variation on these three themes. ] ??? You don't need to memorise this list verbatim. If you can group it into deliver / remove / redistribute, you've got the important structure. --- # Our circulation  ??? Hence structure of these two lectures (but working from the bottom up): fluids, tubes, pumps. --- # Our circulation .pull-left[ The systemic and pulmonary circulations are **in series:** - Left ventricle `\(\rightarrow\)` **systemic circulation** (body) `\(\rightarrow\)` right atrium `\(\rightarrow\)` right ventricle `\(\rightarrow\)` **pulmonary ciculation** (lungs) `\(\rightarrow\)` left atrium `\(\rightarrow\)` left ventricle `\(\rightarrow\)` repeat... <br> Within the systemic circulation, blood is distributed to different tissues in **parallel**. ] .pull-right[  ] ??? - this is big pictcure wiring diagram (will go into details later) - trace out circuit --- class: section, middle # Part 1 ## Body Fluids ??? **Aim:** Signpost the start of Section 1 (~12 minutes). **Script cue:** "Let's start with the fluid itself β before we talk about pipes, we need to know what's flowing through them, and where it all sits." --- # You are mainly water - **Total body water** β **60% of body weight in men**, β **55% in women** - The difference is due to body composition, not sex per se: muscle is water-rich, fat is relatively water-poor, and men have proportionally more muscle mass - Total body water **declines with age** as lean mass falls .callout.callout-bottom[ **Worked example.** In a 70 kg man: total body water β 70 Γ 0.6 = **42 litres**. That's roughly enough to fill a large fish tank β moving around inside you, right now. ] --- # Fluid compartments .pull-left-40[ .compact-table[ | Compartment | Volume | Key solutes | |:---|:---|:---| | ICF | 24 L | High KβΊ, proteins | | ECF | 14 L | High NaβΊ | | β Plasma | 3 L | NaβΊ, albumin | | β Interstitial | 9 L | NaβΊ, no protein | | β Transcellular | 2 L | CSF, synovial, ocular | | **Blood volume** | **5 L** | Plasma + red cells | ] .small[Figures are approximate, based on a 70 kg reference adult.] ] .pull-right-60[  ] ??? Point out that blood volume (5 L) is *not* a separate compartment in the additive sense β it's plasma (part of ECF) plus the cellular contents of blood. --- # Osmotic & oncotic pressure .pull-left[  #### Osmosis: The movement of water across a semi-permeable membrane from a region of **low** solute concentration to a region of **high** solute concentration. The driving force can be expressed as an **osmotic pressure**. ] -- .pull-right[  #### Oncotic pressure: `\(\pi\)`: a *special case* of osmotic pressure, generated specifically by large, impermeable, charged solutes β principally plasma proteins such as **albumin**. (The "Donnan" effect.) ] --- # The Na-K-ATPase .pull-left[ **The ICF is K-rich; the ECF is Na-rich.** - The earliest life evolved in a **potassium-rich** primordial environment β intracellular chemistry still reflects this ancient inheritance - Later, multicellular life evolved bathed in **seawater**, which is **sodium-rich** β extracellular fluid still resembles diluted seawater today - The **NaβΊ/KβΊ-ATPase pump** actively maintains this ancient divide against the natural tendency of ions to diffuse down their gradients (pumps 3Na<sup>+</sup> out and 2K<sup>+</sup> in per cycle, powered by ATP hydrolysis) ] .pull-right[  ] .callout-question.callout-bottom[ **Apply your knowledge:**<br> What would happen to your cells if this pump failed? ] ??? "Every cell in your body is a living fossil record of two different oceans β an ancient potassium-rich one on the inside, a more modern sodium-rich one on the outside. The wall between them is one small protein pump, working constantly, your whole life, to keep those oceans apart." Point to the diagram's 3-out/2-in stoichiometry explicitly β this detail is often examined. Cells are packed with large, negatively charged proteins that **cannot cross the membrane**. Left unchecked, these exert an osmotic pull on water. --- <div style="position: relative; width: 100%; padding-bottom: 56.25%; height: 0; overflow: hidden; background: #ffffff;"> <iframe src="https://app.wooclap.com/events/FGEJLTE/display" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none;" allowfullscreen sandbox="allow-scripts allow-same-origin allow-forms allow-popups allow-popups-to-escape-sandbox"> </iframe> --- class: section, middle # Part 2 ## Capillary Exchange ??? **Aim:** Signpost transition into Section 2 (~12 minutes). **Script cue:** "We've established the compartments and the physical forces available. Now let's watch those forces do their work at the single most important interface in the entire circulation: the capillary wall." --- # Starling forces: a tug-of-war  .pull-left[ #### Forces pushing fluid OUT - **Capillary hydrostatic pressure** (`\(P_c\)`) - **Interstitial oncotic pressure** (`\(\pi_{if}\)`) ] .pull-right[ #### Forces pulling fluid IN - **Plasma oncotic pressure** (`\(\pi_c\)`) - **Interstitial hydrostatic pressure** (`\(P_{if}\)`) ] --- # Starling forces <br> `$$J_v = K[(P_c - P_{if}) - \sigma(\pi_c - \pi_{if})]$$` <br> .compact-table[ | Term | Meaning | |:---|:---| | `\(J_v\)` | Net fluid movement | | `\(K\)` | Hydraulic permeability | | `\(P_c - P_{if}\)` | Hydrostatic gradient (out) | | `\(\sigma\)` | Reflection coefficient for protein | | `\(\pi_c - \pi_{if}\)` | Oncotic gradient (in) | ] <br> .callout[ **Under normal conditions**, these forces are nearly balanced, with a small net filtration drained by the **lymphatic system** (~2β4 L/day). ] ??? What does `\(\sigma\)` mean? Lets take a closer look at capillary walls... --- <!-- # Starling forces --> <!--  --> <!-- --- --> # The glycocalyx - A thin layer of **glycosaminoglycans** lining the luminal surface of capillary endothelium - Functions to **retain plasma proteins within the vessel**, helping to preserve the oncotic pressure - Damage to the glycocalyx (e.g. in sepsis, major trauma) can cause **protein leak** and contribute to oedema even when plasma albumin is normal <br>  --- # Oedema & ascites  --- # Oedema & ascites .table-compact[ | Mechanism | Example | |:---|:---|:---| | β Capillary hydrostatic pressure | Venous obstruction (e.g. DVT, heart failure) | | β Plasma oncotic pressure | Low albumin (e.g. liver disease, malnutrition) | | β Capillary integrity | Stripping of glycocalyx (e.g. sepsis) | | Lymphatic obstruction | Lymph node blockage (e.g. malignancy, filariasis) | ] .callout.callout-bottom[ **Key take-home message.** Oedema occurs when fluid accumulates in the interstitium **faster than it can be removed** β by reabsorption or by lymphatic drainage. ] --- class: image-left .left-panel[  ] # 9 yo boy with puffy eyes **History** - 3-day history of periorbital swelling, now with bilateral leg and ankle swelling - Parents report frothy urine - No significant past medical history **Examination findings** - Bilateral pitting oedema of the lower limbs - Periorbital oedema **Investigations** - Urinalysis: heavy proteinuria (3+ protein) - Serum albumin: **18 g/L** (normal 35β50 g/L) .callout-bottom.callout-question[ **Apply your knowledge.**<br> Why has he developed oedema (fluid outside the vascular space)? Remember Starling forces. ] --- <!-- Padding-bottom: 56.25% enforces a perfect 16:9 aspect ratio box. Positioning absolute allows it to fill the entire slide area. --> <div style="position: relative; width: 100%; padding-bottom: 56.25%; height: 0; overflow: hidden; background: #ffffff;"> <iframe src="https://app.wooclap.com/events/FGEJLTE/display" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none;" allowfullscreen sandbox="allow-scripts allow-same-origin allow-forms allow-popups allow-popups-to-escape-sandbox"> </iframe> --- class: section, middle # Part 3 ## Blood Vessels --- # The vascular tree | Vessel | Diameter | Property | Function | |:---|:---|:---|:---| | Arteries | ~25 mm | High elastance | Distribute | | Arterioles | ~100 Β΅m | High resistance | Regulate flow | | Capillaries | ~8 Β΅m | Thin walls, huge SA | Exchange | | Veins | ~25 mm | High compliance | Reservoir | <br>  --- # Compliance *vs* elastance .pull-left[ #### Elastance `$$E = \frac{\Delta P}{\Delta V}$$` Tendency to **recoil** when stretched (i.e. accommodate changes in pressure without changes in volume). <!-- **Arteries are highly elastic** β like a **bicycle tyre**: resists stretch, and --> <!-- snaps back forcefully when released. -->  ] -- .pull-right[ #### Compliance `$$C = \frac{\Delta V}{\Delta P}$$` Ability to accommodate a change in volume **without** a large rise in pressure. <!-- **Veins are highly compliant** β like a **floppy balloon**: easy to fill, pressure --> <!-- barely rises. -->  ] .callout[ Arteries are build to **smooth** pressure; veins are built to **store** volume.<br> Both are highly **dynamic**. ] ??? ~ 60% of the circulating volume sits in systemic veins at rest (= 3L). Venoconstriction can mobilise ~ 1L of this back into the arterial system. **Where the analogy breaks down.** A firefighter's hose is inert rubber; the arterial wall is *living* smooth muscle and elastin that can actively change its own properties (vasoconstriction/dilation). Define **vasoconstriction** and **vasodilatation**. <!-- # The Windkessel Effect --> <!-- - The aorta and large arteries **stretch** during systole, storing some of the --> <!-- ejected blood's energy in their elastic walls --> <!-- - During diastole, the walls **recoil**, continuing to push blood forward even --> <!-- while the heart is relaxed --> <!-- - Net result: **pulsatile ejection** from the heart is converted into **smoother, --> <!-- more continuous flow** by the time blood reaches the capillaries --> <!--  --> <!-- ??? --> <!-- .callout[ --> <!-- **Why it matters.** Without the Windkessel effect, capillary flow would surge and --> <!-- stop with every heartbeat β disastrous for a system built around slow, steady --> <!-- diffusion. Arterial elastance is what makes continuous capillary exchange possible. --> <!-- ] --> <!-- Link back to compliance/elastance slide immediately: "This is --> <!-- *why* arteries need to be elastic, not just compliant-averse β it's not incidental, --> <!-- it's engineering." Trace the waveform's peak and decline with your finger as you --> <!-- narrate systole and diastole. --> <!-- --- --> --- # Poiseuille's law .pull-left[ `$$Q = \frac{\Delta P \cdot \pi r^4}{8 l \eta}$$` .compact-table[ | Term | Meaning | |:---|:---| | `\(Q\)` | Flow rate | | `\(\Delta P\)` | Pressure gradient | | `\(r\)` | Vessel radius | | `\(l\)` | Vessel length | | `\(\eta\)` | Blood viscosity | ] .callout-warn[ **The single most important detail.** Flow β radius **to the fourth power**. Halve the radius, flow falls to **1/16**, not one half. ] ] .pull-right[  ] ??? Use concrete numbers: "Halve the radius: flow doesn't halve, it drops to one-sixteenth. Look at how steep that curve is β this is the entire reason your body regulates blood flow by adjusting arteriolar diameter rather than heart rate or vessel length β it's simply the most powerful lever available. --- # Vessel wall structure .pull-left[ - **Tunica intima** β single layer of endothelial cells; present in all vessels - **Tunica media** β smooth muscle and elastic fibres; **thick in arteries, thin in veins** - **Tunica adventitia** β connective tissue; contains: - **Nervi vasorum** β nerve supply controlling vessel tone - **Vasa vasorum** β blood supply to the vessel wall itself - **Veins only:** contain **valves** to prevent backflow β essential for venous return against gravity ] .pull-right[  ] --- # Capillary types  <br> - **Continuous** β the default type; tightly joined endothelium - **Fenestrated** β contain pores; found in kidney and gut - **Sinusoidal** β large gaps; found in liver and bone marrow --- # Why is flow so slow in capillaries? .pull-left-33[  ] .pull-right-66[ **Parallel plumbing:** - total cross-sectional area of all capillaries combined vastly exceeds that of the aorta - total flow (cardiac output) must be conserved, so velocity falls sharply where cross-sectional area rises - this dramatic slowing is not a flaw β it is **essential**: it allows enough time for diffusion of Oβ, COβ and nutrients across the capillary wall <br>  ] ??? Use a metaphor (river delta vs gorge) to explain an easily-confused concept, reinforced by what is arguably the single highest-yield diagram in this lecture β the cross-sectional-area/velocity graph is a classic and highly examinable physiology figure. Ask rhetorically: "If capillaries are the narrowest vessels in the body, why is flow through them the *slowest*, not the fastest?" Pause briefly before revealing the parallel-circuit explanation, then walk through both curves on the graph explicitly, pointing out that they move in opposite directions at exactly the same point β the capillary bed. --- # Pumps - **Heart** - **Skeletal muscle pump** β contraction compresses veins; valves ensure one-way flow toward the heart - **Respiratory pump** β negative intrathoracic pressure during inspiration draws blood toward the heart --- # Summary β lecture 1 #### Body fluids & capillary exchange - **Body fluids** are `\(\frac{2}{3}\)` intracellular (`\(\text{K}^+\)`-rich); `\(\frac{1}{3}\)` extracellular (`\(\text{Na}^+\)`-rich) - fluid is **distributed** between compartments by osmosis and the **Na-K-ATPase** pump - fluid exchange across capillary walls is governed by **Starling forces**: hydrostatic and oncotic pressures and capillary wall integrity <br> #### Vessels - **arteries** distribute and smooth flow, **arterioles** control flow, **capillaries** exchange, **veins** store .callout-ref.callout-bottom[ **Remember**: - tomorrow we will add in the heart and learn about how the whole system is controlled - all of this will be fleshed out in more detail (Sustaining Life, Semester 2) - see primers ] --- # Reflection .callout-question[ Take π 60 seconds for each of these three questions. <br> Write down, in your own words... ] <br> - The most important thing I learned today <br> - One thing I am still unclear on <br> - One specific thing you will do to enhance your learning by the end of the week --- class: section, middle # Thank You ## Any questions?