Advanced

Tutor model

i62 💰:9.4

i52 💰:7.9

🏆 i67 💰:62.5

i70 💰:125.0

i68 💰:125.0

🏆 i66 💰:75.0

i65 💰:125.0

i63 💰:62.5

i61 💰:75.0

i60 💰:9.4

i60 💰:37.5

i58 💰:62.5

i57 💰:22.5

i57 💰:37.5

i56 💰:45.0

⚡ i55 💰:11.25

i55 💰:37.5

i54 💰:62.5

i52 💰:35.0

i51 💰:37.5

i49 💰:15.0

i49 💰:62.5

i48 💰:11.3

i47 💰:7.5

i44 💰:25.0

i43 💰:37.5

i42 💰:187.5

i40 💰:5.0

i39 💰:100.0

i38 💰:37.5

i37 💰:11.0

i36 💰:187.5

i34 💰:12.5

i33 💰:37.5

i30 💰:1.0

i29 💰:1.5

i28 💰:150.0

i23 💰:20.0

i20 💰:4.0

i18 💰:1.0

i16 💰:25.0

i13 💰:1.5

Keep session private

What would you like to learn?

Override for the tutor's lesson content generation calls. Auto uses the system default (Claude Sonnet 5 for lesson text, Opus 5 for diagrams).

Lesson generation model

System default

i58 💰:18.8

i31 💰:11.0

i25 💰:31.3

Tutoring abilities

If you multiply measured voltage by measured current to calculate DC power ($P = V \cdot I$), your result is never completely accurate. Real meters draw power just by being plugged into the circuit.

An **ideal voltmeter** has infinite internal resistance and draws zero current, while an **ideal ammeter** has zero resistance and causes no voltage drop. Real bench meters always deviate from these ideals.

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <style>
    * { box-sizing: border-box; margin: 0; padding: 0; }
    body {
      font-family: system-ui, -apple-system, sans-serif;
      color: #1e2945;
      background: transparent;
      padding: 8px;
      display: flex;
      flex-direction: column;
      gap: 8px;
    }

    .grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 12px;
      width: 100%;
    }

    @media (max-width: 540px) {
      .grid {
        grid-template-columns: 1fr;
      }
    }

    .meter-card {
      background: #ffffff;
      border: 1.5px solid #e2e8f0;
      border-radius: 10px;
      padding: 12px;
      display: flex;
      flex-direction: column;
      gap: 10px;
      box-shadow: 0 1px 3px rgba(0,0,0,0.04);
    }

    .card-title {
      font-size: 14px;
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: 0.5px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      color: #1e2945;
    }

    .section {
      background: #f8fafc;
      border: 1px solid #edf2f7;
      border-radius: 8px;
      padding: 8px 10px;
      display: flex;
      flex-direction: column;
      gap: 4px;
      position: relative;
    }

    .label-row {
      display: flex;
      justify-content: space-between;
      align-items: center;
      font-size: 13px;
      font-weight: 600;
      min-height: 24px;
    }

    .v-color { color: #0284c7; }
    .a-color { color: #d97706; }

    svg {
      width: 100%;
      height: 64px;
      display: block;
    }

    .interactive-btn {
      background: #ffffff;
      border: 1px solid #cbd5e1;
      border-radius: 6px;
      padding: 3px 8px;
      font-size: 11px;
      font-weight: 600;
      cursor: pointer;
      display: inline-flex;
      align-items: center;
      gap: 4px;
      user-select: none;
      color: #1e2945;
      box-shadow: 0 1px 2px rgba(0,0,0,0.05);
      transition: background-color 0.15s, border-color 0.15s;
    }

    .interactive-btn:hover {
      background-color: #f1f5f9;
    }

    .interactive-btn.active-v {
      background: #e0f2fe;
      border-color: #0284c7;
      color: #0284c7;
    }

    .interactive-btn.active-a {
      background: #fef3c7;
      border-color: #d97706;
      color: #d97706;
    }

    .tooltip-box {
      font-size: 11.5px;
      font-weight: 500;
      padding: 6px 8px;
      border-radius: 6px;
      background: #1e2945;
      color: #ffffff;
      display: none;
      line-height: 1.35;
      margin-top: 2px;
    }

    .tooltip-box.show {
      display: block;
    }
  </style>
</head>
<body>

  <div class="grid">
    
    <div class="meter-card">
      <div class="card-title">
        <span>Ideal Meters</span>
        <span style="font-size: 11px; font-weight: 600; color: #64748b;">Zero Loss</span>
      </div>

      
      <div class="section">
        <div class="label-row">
          <span class="v-color">Voltmeter</span>
          <span>R<sub>V</sub> = &infin;</span>
        </div>
        <svg viewBox="0 0 240 64">
          
          <line x1="20" y1="30" x2="102" y2="30" stroke="#0284c7" stroke-width="2" />
          <line x1="138" y1="30" x2="220" y2="30" stroke="#0284c7" stroke-width="2" />
          
          <circle cx="120" cy="30" r="17" fill="#ffffff" stroke="#0284c7" stroke-width="2" />
          <text x="120" y="35" text-anchor="middle" fill="#0284c7" font-size="14" font-weight="bold">V</text>
          
          <text x="120" y="56" text-anchor="middle" fill="#64748b" font-size="10">I<sub>leak</sub> = 0 A</text>
        </svg>
      </div>

      
      <div class="section">
        <div class="label-row">
          <span class="a-color">Ammeter</span>
          <span>R<sub>A</sub> = 0 &Omega;</span>
        </div>
        <svg viewBox="0 0 240 64">
          
          <line x1="20" y1="30" x2="102" y2="30" stroke="#d97706" stroke-width="2" />
          <line x1="138" y1="30" x2="220" y2="30" stroke="#d97706" stroke-width="2" />
          
          <circle cx="120" cy="30" r="17" fill="#ffffff" stroke="#d97706" stroke-width="2" />
          <text x="120" y="35" text-anchor="middle" fill="#d97706" font-size="14" font-weight="bold">A</text>
          
          <text x="120" y="56" text-anchor="middle" fill="#64748b" font-size="10">V<sub>drop</sub> = 0 V</text>
        </svg>
      </div>
    </div>

    
    <div class="meter-card">
      <div class="card-title">
        <span>Real Meters</span>
        <span style="font-size: 11px; font-weight: 600; color: #64748b;">Internal Loading</span>
      </div>

      
      <div class="section">
        <div class="label-row">
          <span class="v-color">Real Voltmeter</span>
          <button class="interactive-btn" id="btnShunt" onclick="toggleTooltip('shunt')">
            <span>🔍 Shunt Loading</span>
          </button>
        </div>
        <svg viewBox="0 0 240 64">
          
          <line x1="15" y1="28" x2="45" y2="28" stroke="#0284c7" stroke-width="2" />
          <line x1="195" y1="28" x2="225" y2="28" stroke="#0284c7" stroke-width="2" />
          <circle cx="45" cy="28" r="2.5" fill="#0284c7" />
          <circle cx="195" cy="28" r="2.5" fill="#0284c7" />
          
          
          <path d="M45,28 L45,15 L108,15" fill="none" stroke="#0284c7" stroke-width="1.5" />
          <circle cx="120" cy="15" r="11" fill="#ffffff" stroke="#0284c7" stroke-width="1.8" />
          <text x="120" y="19" text-anchor="middle" fill="#0284c7" font-size="11" font-weight="bold">V</text>
          <path d="M132,15 L195,15 L195,28" fill="none" stroke="#0284c7" stroke-width="1.5" />
          
          
          <path d="M45,28 L45,41 L95,41" fill="none" stroke="#0284c7" stroke-width="1.5" />
          <rect x="95" y="35" width="50" height="12" fill="#e0f2fe" stroke="#0284c7" stroke-width="1.5" rx="2" id="shuntRes" />
          <text x="120" y="44.5" text-anchor="middle" fill="#0284c7" font-size="9" font-weight="bold">R_V</text>
          <path d="M145,41 L195,41 L195,28" fill="none" stroke="#0284c7" stroke-width="1.5" />
          
          
          <text x="120" y="58" text-anchor="middle" fill="#0284c7" font-size="9.5" font-weight="600">~10 M&Omega;</text>
        </svg>
        <div id="tipShunt" class="tooltip-box">
          <b>Shunt Loading:</b> Meter draws tiny leakage current (<i>I</i><sub>V</sub> = <i>V</i> / <i>R</i><sub>V</sub>), slightly altering high-impedance circuit nodes.
        </div>
      </div>

      
      <div class="section">
        <div class="label-row">
          <span class="a-color">Real Ammeter</span>
          <button class="interactive-btn" id="btnBurden" onclick="toggleTooltip('burden')">
            <span>🔍 Burden Voltage</span>
          </button>
        </div>
        <svg viewBox="0 0 240 64">
          
          <line x1="15" y1="28" x2="62" y2="28" stroke="#d97706" stroke-width="2" />
          
          <circle cx="75" cy="28" r="13" fill="#ffffff" stroke="#d97706" stroke-width="1.8" />
          <text x="75" y="32" text-anchor="middle" fill="#d97706" font-size="12" font-weight="bold">A</text>
          
          
          <line x1="88" y1="28" x2="118" y2="28" stroke="#d97706" stroke-width="2" />
          <rect x="118" y="22" width="50" height="12" fill="#fef3c7" stroke="#d97706" stroke-width="1.5" rx="2" id="burdenRes" />
          <text x="143" y="31.5" text-anchor="middle" fill="#d97706" font-size="9" font-weight="bold">R_A</text>
          
          <line x1="168" y1="28" x2="225" y2="28" stroke="#d97706" stroke-width="2" />
          
          
          <text x="143" y="48" text-anchor="middle" fill="#d97706" font-size="9.5" font-weight="600">0.1 – 5 &Omega;</text>
        </svg>
        <div id="tipBurden" class="tooltip-box">
          <b>Burden Voltage:</b> Internal resistance drops small voltage (<i>V</i><sub>burden</sub> = <i>I</i> &middot; <i>R</i><sub>A</sub>), reducing current delivered to load.
        </div>
      </div>
    </div>
  </div>

  <script>
    function toggleTooltip(type) {
      const tipS = document.getElementById('tipShunt');
      const tipB = document.getElementById('tipBurden');
      const btnS = document.getElementById('btnShunt');
      const btnB = document.getElementById('btnBurden');
      const resS = document.getElementById('shuntRes');
      const resB = document.getElementById('burdenRes');

      if (type === 'shunt') {
        const isShown = tipS.classList.toggle('show');
        btnS.classList.toggle('active-v', isShown);
        resS.setAttribute('fill', isShown ? '#bae6fd' : '#e0f2fe');
        resS.setAttribute('stroke-width', isShown ? '2.5' : '1.5');
      } else if (type === 'burden') {
        const isShown = tipB.classList.toggle('show');
        btnB.classList.toggle('active-a', isShown);
        resB.setAttribute('fill', isShown ? '#fde68a' : '#fef3c7');
        resB.setAttribute('stroke-width', isShown ? '2.5' : '1.5');
      }
    }
  </script>
</body>
</html>

The voltage dropped across an ammeter's internal resistance is called **burden voltage** ($V_b = I \cdot R_A$), while the current diverted through a voltmeter's finite resistance is called **shunt loading** ($I_V = V / R_V$).

How should we connect both meters around a load resistor $R_L$? There are two possible layouts, and each introduces a different systematic error.

## Configuration 1: Voltmeter Across the Load

In the **downstream voltmeter** configuration, the voltmeter connects directly across the load $R_L$, while the ammeter is placed upstream to measure total incoming current.

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Downstream Voltmeter Circuit Analysis</title>
  <style>
    * {
      box-sizing: border-box;
      margin: 0;
      padding: 0;
    }
    body {
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
      background: #f8fafc;
      color: #0f172a;
      padding: 14px 16px;
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 12px;
      min-height: 100vh;
      -webkit-font-smoothing: antialiased;
    }

    /* Mode Segmented Controls */
    .controls-wrapper {
      display: flex;
      justify-content: center;
      width: 100%;
      max-width: 540px;
    }
    .toggle-group {
      display: inline-flex;
      background: #e2e8f0;
      padding: 3px;
      border-radius: 9999px;
      gap: 2px;
      max-width: 100%;
    }
    .toggle-btn {
      padding: 6px 16px;
      font-size: 13px;
      font-weight: 600;
      border: none;
      background: transparent;
      color: #64748b;
      border-radius: 9999px;
      cursor: pointer;
      transition: all 0.2s ease;
      white-space: nowrap;
      display: inline-flex;
      align-items: center;
      gap: 4px;
    }
    .toggle-btn sub {
      font-size: 10px;
      line-height: 0;
    }
    .toggle-btn.active {
      background: #ffffff;
      color: #0f172a;
      box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    }

    /* Circuit Area */
    .circuit-wrapper {
      width: 100%;
      max-width: 540px;
      display: flex;
      justify-content: center;
    }
    svg {
      width: 100%;
      height: auto;
      display: block;
      overflow: visible;
    }

    /* Gentle Current Flow Animations */
    .flow-line {
      stroke-dasharray: 8 8;
      animation: flowCycle 3s linear infinite;
    }
    @keyframes flowCycle {
      to {
        stroke-dashoffset: -32;
      }
    }
    .flow-v {
      transition: opacity 0.35s ease;
    }
    .flow-v.faded {
      opacity: 0;
    }

    /* Mathematical Analysis Section (Clean layout without card borders) */
    .math-section {
      width: 100%;
      max-width: 540px;
      display: grid;
      grid-template-columns: 1fr 1.2fr;
      gap: 16px;
      padding-top: 4px;
    }
    .math-block {
      display: flex;
      flex-direction: column;
      gap: 6px;
    }
    .math-heading {
      font-size: 11px;
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: 0.6px;
      color: #64748b;
    }
    .math-formula {
      font-size: 14px;
      color: #1e293b;
      display: flex;
      align-items: center;
      flex-wrap: wrap;
      gap: 4px;
      min-height: 28px;
    }
    .math-var {
      font-family: "Cambria Math", "Times New Roman", serif;
      font-style: italic;
    }
    .math-var sub, .math-var sup {
      font-size: 0.75em;
      font-style: normal;
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    }
    .fraction {
      display: inline-flex;
      flex-direction: column;
      vertical-align: middle;
      text-align: center;
      padding: 0 3px;
      font-size: 0.9em;
    }
    .fraction .numerator {
      border-bottom: 1.5px solid #1e293b;
      padding-bottom: 1px;
      line-height: 1.1;
    }
    .fraction .denominator {
      padding-top: 1px;
      line-height: 1.1;
    }

    /* Color Tokens for Equation Variables */
    .col-meas { color: #0284c7; font-weight: 600; }
    .col-load { color: #16a34a; font-weight: 600; }
    .col-volt { color: #ea580c; font-weight: 600; }

    /* Explanatory Note */
    .note-section {
      width: 100%;
      max-width: 540px;
      font-size: 12.5px;
      line-height: 1.45;
      color: #475569;
      border-left: 3px solid #cbd5e1;
      padding-left: 10px;
    }

    @media (max-width: 480px) {
      .math-section {
        grid-template-columns: 1fr;
        gap: 10px;
      }
      .toggle-btn {
        padding: 5px 10px;
        font-size: 12px;
      }
      .math-formula {
        font-size: 13px;
      }
      .note-section {
        font-size: 11.5px;
      }
    }
  </style>
</head>
<body>

  
  <div class="controls-wrapper">
    <div class="toggle-group" role="tablist" aria-label="Voltmeter Idealness Selection">
      <button id="btnPractical" class="toggle-btn active" onclick="setMode('practical')">
        Practical Voltmeter (Finite <i>R</i><sub>V</sub>)
      </button>
      <button id="btnIdeal" class="toggle-btn" onclick="setMode('ideal')">
        Ideal Voltmeter (<i>R</i><sub>V</sub> &rarr; &infin;)
      </button>
    </div>
  </div>

  
  <div class="circuit-wrapper">
    <svg viewBox="0 0 540 220" role="img" aria-label="Downstream voltmeter DC circuit schematic">
      
      <g stroke="#cbd5e1" stroke-width="2.5" fill="none" stroke-linecap="round" stroke-linejoin="round">
        
        <path d="M 60 110 L 60 40 L 140 40" />
        <path d="M 180 40 L 300 40" />
        
        
        <path d="M 300 40 L 300 85" />
        <path d="M 300 145 L 300 190" />
        
        
        <path d="M 300 40 L 440 40 L 440 85" />
        <path d="M 440 135 L 440 190 L 300 190" />
        
        
        <path d="M 300 190 L 60 190 L 60 130" />
      </g>

      
      
      <path class="flow-line" d="M 60 110 L 60 40 L 140 40 M 180 40 L 300 40" stroke="#0284c7" stroke-width="2.5" fill="none" />
      <path class="flow-line" d="M 300 190 L 60 190 L 60 130" stroke="#0284c7" stroke-width="2.5" fill="none" />

      
      <path class="flow-line" d="M 300 40 L 300 85 M 300 145 L 300 190" stroke="#16a34a" stroke-width="2.5" fill="none" />

      
      <path id="flowVoltmeter" class="flow-line flow-v" d="M 300 40 L 440 40 L 440 85 M 440 135 L 440 190 L 300 190" stroke="#ea580c" stroke-width="2.5" fill="none" />

      
      <circle cx="300" cy="40" r="4.5" fill="#1e293b" />
      <circle cx="300" cy="190" r="4.5" fill="#1e293b" />

      
      <line x1="44" y1="110" x2="76" y2="110" stroke="#0f172a" stroke-width="3" />
      <line x1="51" y1="130" x2="69" y2="130" stroke="#0f172a" stroke-width="2" />
      <text x="32" y="108" font-size="14" font-weight="700" fill="#0f172a">+</text>
      <text x="34" y="137" font-size="16" font-weight="700" fill="#64748b">−</text>
      <text x="18" y="123" font-size="11" font-weight="700" fill="#475569">DC</text>

      
      <circle cx="160" cy="40" r="18" fill="#ffffff" stroke="#0284c7" stroke-width="2.5" />
      <text x="160" y="46" font-size="14" font-weight="700" fill="#0284c7" text-anchor="middle" font-family="-apple-system, sans-serif">A</text>
      
      <text x="160" y="15" font-size="13" font-weight="700" fill="#0284c7" text-anchor="middle" font-family="'Times New Roman', serif" font-style="italic">
        I<tspan font-size="9.5" font-family="-apple-system, sans-serif" font-style="normal" dy="2.5">meas</tspan>
      </text>

      
      <rect x="288" y="85" width="24" height="60" fill="#ecfdf5" stroke="#16a34a" stroke-width="2.5" rx="3" />
      
      <text x="300" y="120" font-size="13" font-weight="700" fill="#16a34a" text-anchor="middle" font-family="'Times New Roman', serif" font-style="italic">
        R<tspan font-size="9.5" font-family="-apple-system, sans-serif" font-style="normal" dy="2">L</tspan>
      </text>
      
      <text x="272" y="120" font-size="13" font-weight="700" fill="#16a34a" text-anchor="end" font-family="'Times New Roman', serif" font-style="italic">
        I<tspan font-size="9.5" font-family="-apple-system, sans-serif" font-style="normal" dy="2">L</tspan>
      </text>

      
      <circle cx="440" cy="110" r="22" fill="#fff7ed" stroke="#ea580c" stroke-width="2.5" />
      <text x="440" y="116" font-size="16" font-weight="700" fill="#ea580c" text-anchor="middle" font-family="-apple-system, sans-serif">V</text>
      
      
      <text id="svgTxtIv" x="474" y="114" font-size="13" font-weight="700" fill="#ea580c" font-family="'Times New Roman', serif" font-style="italic">
        I<tspan font-size="9.5" font-family="-apple-system, sans-serif" font-style="normal" dy="2">V</tspan>
      </text>

      
      <text id="svgTxtRv" x="440" y="152" font-size="11" font-weight="600" fill="#ea580c" text-anchor="middle" font-family="-apple-system, sans-serif">
        (R<tspan font-size="8.5" dy="1.5">V</tspan><tspan dy="-1.5"> finite)</tspan>
      </text>
    </svg>
  </div>

  
  <div class="math-section">
    <div class="math-block">
      <div class="math-heading">Current at Node</div>
      <div id="mathCurrent" class="math-formula">
        
      </div>
    </div>
    <div class="math-block">
      <div class="math-heading">True Load Power (<i>P</i><sub>true</sub>)</div>
      <div id="mathPower" class="math-formula">
        
      </div>
    </div>
  </div>

  
  <div id="noteText" class="note-section">
    The ammeter measures both load current and voltmeter current (<span class="math-var">I<sub>meas</sub> = I<sub>L</sub> + I<sub>V</sub></span>), causing power calculated as <span class="math-var">P<sub>meas</sub> = V<sub>meas</sub> &middot; I<sub>meas</sub></span> to systematically overestimate load power.
  </div>

  <script>
    function setMode(mode) {
      const btnPractical = document.getElementById('btnPractical');
      const btnIdeal = document.getElementById('btnIdeal');
      const flowV = document.getElementById('flowVoltmeter');
      const svgTxtIv = document.getElementById('svgTxtIv');
      const svgTxtRv = document.getElementById('svgTxtRv');
      const mathCurrent = document.getElementById('mathCurrent');
      const mathPower = document.getElementById('mathPower');
      const noteText = document.getElementById('noteText');

      if (mode === 'ideal') {
        btnIdeal.classList.add('active');
        btnPractical.classList.remove('active');
        flowV.classList.add('faded');
        svgTxtIv.style.opacity = '0.2';
        svgTxtRv.innerHTML = '(R<tspan font-size="8.5" dy="1.5">V</tspan><tspan dy="-1.5"> &rarr; &infin;)</tspan>';

        mathCurrent.innerHTML = `
          <span class="math-var col-meas">I<sub>meas</sub></span>
          <span>=</span>
          <span class="math-var col-load">I<sub>L</sub></span>
          <span style="font-size: 12px; color: #64748b; margin-left: 6px;">(<span class="math-var col-volt">I<sub>V</sub></span> = 0)</span>
        `;

        mathPower.innerHTML = `
          <span class="math-var">P<sub>true</sub></span>
          <span>=</span>
          <span class="math-var col-volt">V<sub>meas</sub></span> &middot; <span class="math-var col-meas">I<sub>meas</sub></span>
          <span>=</span>
          <span class="math-var">P<sub>meas</sub></span>
        `;

        noteText.innerHTML = `In an ideal voltmeter (<span class="math-var">R<sub>V</sub> &rarr; &infin;</span>), zero current is diverted through the meter (<span class="math-var">I<sub>V</sub> = 0</span>). The ammeter measures only the load current, so no power correction is required.`;
      } else {
        btnPractical.classList.add('active');
        btnIdeal.classList.remove('active');
        flowV.classList.remove('faded');
        svgTxtIv.style.opacity = '1';
        svgTxtRv.innerHTML = '(R<tspan font-size="8.5" dy="1.5">V</tspan><tspan dy="-1.5"> finite)</tspan>';

        mathCurrent.innerHTML = `
          <span class="math-var col-meas">I<sub>meas</sub></span>
          <span>=</span>
          <span class="math-var col-load">I<sub>L</sub></span>
          <span>+</span>
          <span class="math-var col-volt">I<sub>V</sub></span>
        `;

        mathPower.innerHTML = `
          <span class="math-var">P<sub>true</sub></span>
          <span>=</span>
          <span class="math-var">P<sub>meas</sub></span>
          <span>&minus;</span>
          <span class="fraction">
            <span class="numerator"><span class="math-var col-volt">V<sub>meas</sub><sup>2</sup></span></span>
            <span class="denominator"><span class="math-var col-volt">R<sub>V</sub></span></span>
          </span>
        `;

        noteText.innerHTML = `The ammeter measures total circuit current (<span class="math-var">I<sub>meas</sub> = I<sub>L</sub> + I<sub>V</sub></span>), causing <span class="math-var">P<sub>meas</sub> = V<sub>meas</sub> &middot; I<sub>meas</sub></span> to over-read. Subtracting voltmeter power dissipation yields the true load power.`;
      }
    }

    // Initialize in Practical Mode
    document.addEventListener('DOMContentLoaded', () => {
      setMode('practical');
    });
  </script>
</body>
</html>

Here, the voltmeter measures the true load voltage ($V_L = V_{\text{meas}}$), but the ammeter over-reads because it measures both the load current and the voltmeter's internal current ($I_{\text{meas}} = I_L + I_V$).

To find the true load power $P_{\text{true}}$, calculate the raw power $P_{\text{meas}} = V_{\text{meas}} I_{\text{meas}}$ and subtract the power dissipated by the voltmeter's internal resistance:

$$P_{\text{true}} = V_{\text{meas}}\left(I_{\text{meas}} - \frac{V_{\text{meas}}}{R_V}\right) = P_{\text{meas}} - \frac{V_{\text{meas}}^2}{R_V}$$

What happens if we swap the positions and connect the ammeter directly in series with the load instead?

## Configuration 2: Ammeter Next to the Load

In the **downstream ammeter** configuration, the ammeter is in series with the load $R_L$, and the voltmeter spans across both components together.

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <style>
    * { box-sizing: border-box; margin: 0; padding: 0; }
    body {
      width: 100%;
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
      background: #ffffff;
      color: #1e293b;
      display: flex;
      flex-direction: column;
      align-items: center;
      padding: 10px;
      user-select: none;
    }
    .controls {
      display: flex;
      gap: 6px;
      margin-bottom: 10px;
      flex-wrap: wrap;
      justify-content: center;
      width: 100%;
      max-width: 580px;
    }
    .step-btn {
      background: #f1f5f9;
      border: 1.5px solid #cbd5e1;
      border-radius: 6px;
      padding: 6px 12px;
      font-size: 13px;
      font-weight: 600;
      color: #334155;
      cursor: pointer;
      transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease, box-shadow 0.15s ease;
    }
    .step-btn:hover {
      background: #e2e8f0;
      border-color: #94a3b8;
    }
    .step-btn.active {
      background: #0284c7;
      border-color: #0284c7;
      color: #ffffff;
      box-shadow: 0 2px 4px rgba(2, 132, 199, 0.25);
    }
    .svg-container {
      width: 100%;
      max-width: 580px;
      height: auto;
    }
    svg {
      width: 100%;
      height: auto;
      display: block;
      overflow: visible;
    }
    .wire {
      stroke: #334155;
      stroke-width: 2.5;
      fill: none;
      stroke-linecap: round;
      stroke-linejoin: round;
    }
    .wire-current {
      stroke: #0284c7;
      stroke-width: 2.5;
      stroke-dasharray: 7 7;
      animation: flow 1.2s linear infinite;
    }
    @keyframes flow {
      from { stroke-dashoffset: 28; }
      to { stroke-dashoffset: 0; }
    }
    .meter-circle {
      fill: #ffffff;
      stroke-width: 2.2;
    }
    .comp-box {
      fill: #ffffff;
      stroke-width: 2;
      rx: 4;
    }
    .bracket {
      stroke-width: 1.5;
      fill: none;
    }
    .anim-group {
      transition: opacity 0.25s ease;
    }
    .formula-card {
      width: 100%;
      max-width: 580px;
      background: #f8fafc;
      border: 1px solid #cbd5e1;
      border-radius: 8px;
      padding: 10px 14px;
      margin-top: 10px;
      text-align: center;
      min-height: 52px;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      gap: 4px;
    }
    .formula-title {
      font-size: 11px;
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: 0.5px;
      color: #64748b;
    }
    .formula-math {
      font-size: 14px;
      font-weight: 600;
      color: #0f172a;
      line-height: 1.4;
    }
    .math-sym {
      font-style: italic;
      font-family: "Cambria Math", "Times New Roman", serif;
    }
    @media (max-width: 420px) {
      .step-btn {
        padding: 5px 8px;
        font-size: 12px;
      }
      .formula-math {
        font-size: 12.5px;
      }
    }
  </style>
</head>
<body>

  <div class="controls">
    <button class="step-btn active" id="btn-all" onclick="setMode('all')">Overview</button>
    <button class="step-btn" id="btn-i" onclick="setMode('i')">1. Current <i>I</i><sub>L</sub></button>
    <button class="step-btn" id="btn-v" onclick="setMode('v')">2. Burden <i>V</i><sub>b</sub></button>
    <button class="step-btn" id="btn-p" onclick="setMode('p')">3. Power <i>P</i><sub>true</sub></button>
  </div>

  <div class="svg-container">
    <svg viewBox="0 0 560 270" aria-label="DC Circuit Configuration 2 Diagram">
      
      <defs>
        <marker id="arrowhead" markerWidth="7" markerHeight="7" refX="5" refY="3.5" orient="auto">
          <polygon points="0 0, 7 3.5, 0 7" fill="#0284c7" />
        </marker>
      </defs>

      
      <path class="wire" d="M 50 120 L 50 75 L 510 75 L 510 230 L 50 230 L 50 160" />
      
      
      <path id="currentFlow" class="wire wire-current" d="M 50 120 L 50 75 L 510 75 L 510 230 L 50 230 L 50 160" />

      
      <path class="wire" d="M 120 75 L 120 25 L 510 25 L 510 75" />
      <circle cx="120" cy="75" r="3.5" fill="#1e293b" />
      <circle cx="510" cy="75" r="3.5" fill="#1e293b" />

      
      <g id="group-source">
        <line x1="32" y1="125" x2="68" y2="125" stroke="#0f172a" stroke-width="3" stroke-linecap="round" />
        <line x1="40" y1="140" x2="60" y2="140" stroke="#0f172a" stroke-width="3" stroke-linecap="round" />
        <line x1="32" y1="148" x2="68" y2="148" stroke="#0f172a" stroke-width="3" stroke-linecap="round" />
        <line x1="40" y1="158" x2="60" y2="158" stroke="#0f172a" stroke-width="3" stroke-linecap="round" />
        
        <text x="20" y="118" font-size="15" font-weight="bold" fill="#0284c7" text-anchor="middle">+</text>
        <text x="20" y="166" font-size="16" font-weight="bold" fill="#64748b" text-anchor="middle">−</text>
        <text x="20" y="142" font-size="11" font-weight="700" fill="#334155" text-anchor="middle">DC</text>
      </g>

      
      <g id="group-vm-comp">
        <circle cx="315" cy="25" r="18" class="meter-circle" stroke="#7c3aed" />
        <text x="315" y="30" font-size="14" font-weight="bold" fill="#7c3aed" text-anchor="middle">V</text>
        <text x="315" y="-2" font-size="12" font-weight="700" fill="#7c3aed" text-anchor="middle">
          <tspan font-style="italic">V</tspan><tspan font-size="10" dy="2">meas</tspan>
        </text>
      </g>

      
      <g id="group-current" class="anim-group">
        <line x1="75" y1="62" x2="105" y2="62" stroke="#0284c7" stroke-width="2" marker-end="url(#arrowhead)" />
        <text x="90" y="52" font-size="12" font-weight="700" fill="#0284c7" text-anchor="middle">
          <tspan font-style="italic">I</tspan><tspan font-size="10" dy="2">meas</tspan><tspan font-size="12" dy="-2"> = </tspan><tspan font-style="italic">I</tspan><tspan font-size="10" dy="2">L</tspan>
        </text>
      </g>

      
      <g id="group-am-comp">
        <circle cx="210" cy="75" r="18" class="meter-circle" stroke="#0284c7" />
        <text x="210" y="80" font-size="14" font-weight="bold" fill="#0284c7" text-anchor="middle">A</text>
        <text x="210" y="103" font-size="11" font-weight="600" fill="#64748b" text-anchor="middle">
          (<tspan font-style="italic">R</tspan><tspan font-size="9" dy="2">A</tspan><tspan font-size="11" dy="-2">)</tspan>
        </text>
      </g>

      
      <g id="group-load-comp">
        <rect x="375" y="61" width="70" height="28" class="comp-box" stroke="#16a34a" />
        <text x="410" y="79" font-size="13" font-weight="bold" fill="#16a34a" text-anchor="middle">
          <tspan font-style="italic">R</tspan><tspan font-size="10" dy="2">L</tspan>
        </text>
      </g>

      
      <g id="group-vb" class="anim-group">
        <path class="bracket" stroke="#ea580c" d="M 175 110 L 175 116 L 245 116 L 245 110" />
        <line x1="210" y1="116" x2="210" y2="124" stroke="#ea580c" stroke-width="1.5" />
        <rect x="135" y="124" width="150" height="42" rx="5" fill="#fff7ed" stroke="#ea580c" stroke-width="1.2" />
        <text x="210" y="141" font-size="12" font-weight="700" fill="#ea580c" text-anchor="middle">
          <tspan font-style="italic">V</tspan><tspan font-size="10" dy="2">b</tspan><tspan font-size="12" dy="-2"> = </tspan><tspan font-style="italic">I</tspan><tspan font-size="10" dy="2">meas</tspan><tspan font-size="12" dy="-2"> · </tspan><tspan font-style="italic">R</tspan><tspan font-size="10" dy="2">A</tspan>
        </text>
        <text x="210" y="157" font-size="10.5" font-weight="600" fill="#c2410c" text-anchor="middle">Burden Voltage</text>
      </g>

      
      <g id="group-vl" class="anim-group">
        <path class="bracket" stroke="#16a34a" d="M 370 110 L 370 116 L 450 116 L 450 110" />
        <line x1="410" y1="116" x2="410" y2="124" stroke="#16a34a" stroke-width="1.5" />
        <rect x="335" y="124" width="150" height="42" rx="5" fill="#f0fdf4" stroke="#16a34a" stroke-width="1.2" />
        <text x="410" y="141" font-size="12" font-weight="700" fill="#16a34a" text-anchor="middle">
          <tspan font-style="italic">V</tspan><tspan font-size="10" dy="2">L</tspan><tspan font-size="12" dy="-2"> = </tspan><tspan font-style="italic">V</tspan><tspan font-size="10" dy="2">meas</tspan><tspan font-size="12" dy="-2"> − </tspan><tspan font-style="italic">V</tspan><tspan font-size="10" dy="2">b</tspan>
        </text>
        <text x="410" y="157" font-size="10.5" font-weight="600" fill="#15803d" text-anchor="middle">True Load Voltage</text>
      </g>

      
      <g id="group-vmeas" class="anim-group">
        <path class="bracket" stroke="#7c3aed" d="M 120 180 L 120 188 L 510 188 L 510 180" />
        <line x1="315" y1="188" x2="315" y2="195" stroke="#7c3aed" stroke-width="1.5" />
        <rect x="220" y="195" width="190" height="26" rx="5" fill="#faf5ff" stroke="#7c3aed" stroke-width="1.2" />
        <text x="315" y="212" font-size="12" font-weight="700" fill="#7c3aed" text-anchor="middle">
          <tspan font-style="italic">V</tspan><tspan font-size="10" dy="2">meas</tspan><tspan font-size="12" dy="-2"> = </tspan><tspan font-style="italic">V</tspan><tspan font-size="10" dy="2">b</tspan><tspan font-size="12" dy="-2"> + </tspan><tspan font-style="italic">V</tspan><tspan font-size="10" dy="2">L</tspan>
        </text>
      </g>
    </svg>
  </div>

  <div class="formula-card">
    <div class="formula-title" id="formula-heading">Configuration 2 Power Relationship</div>
    <div class="formula-math" id="formula-text"></div>
  </div>

  <script>
    const content = {
      all: {
        title: "Overview: True Power Calculation",
        html: "<span class='math-sym'>P</span><sub>true</sub> = (<span class='math-sym'>V</span><sub>meas</sub> − <span class='math-sym'>I</span><sub>meas</sub> · <span class='math-sym'>R</span><sub>A</sub>) · <span class='math-sym'>I</span><sub>meas</sub> = <span class='math-sym'>P</span><sub>meas</sub> − <span class='math-sym'>I</span><sub>meas</sub><sup>2</sup> · <span class='math-sym'>R</span><sub>A</sub>"
      },
      i: {
        title: "Step 1: Current Measurement",
        html: "<span class='math-sym'>I</span><sub>meas</sub> = <span class='math-sym'>I</span><sub>L</sub> &nbsp;—&nbsp; Ammeter is in series with load, carrying <strong>only</strong> the true load current."
      },
      v: {
        title: "Step 2: Burden Voltage Error",
        html: "<span class='math-sym'>V</span><sub>meas</sub> = <span class='math-sym'>V</span><sub>L</sub> + <span class='math-sym'>V</span><sub>b</sub> &nbsp; where &nbsp; <span class='math-sym'>V</span><sub>b</sub> = <span class='math-sym'>I</span><sub>meas</sub> · <span class='math-sym'>R</span><sub>A</sub> (Ammeter burden drop)"
      },
      p: {
        title: "Step 3: Power Correction",
        html: "<span class='math-sym'>P</span><sub>true</sub> = <span class='math-sym'>V</span><sub>L</sub> · <span class='math-sym'>I</span><sub>L</sub> = (<span class='math-sym'>V</span><sub>meas</sub> − <span class='math-sym'>I</span><sub>meas</sub><span class='math-sym'>R</span><sub>A</sub>)<span class='math-sym'>I</span><sub>meas</sub> = <span class='math-sym'>P</span><sub>meas</sub> − <span class='math-sym'>I</span><sub>meas</sub><sup>2</sup><span class='math-sym'>R</span><sub>A</sub>"
      }
    };

    function setMode(mode) {
      document.querySelectorAll('.step-btn').forEach(b => b.classList.remove('active'));
      const activeBtn = document.getElementById('btn-' + mode);
      if (activeBtn) activeBtn.classList.add('active');

      const grpI = document.getElementById('group-current');
      const grpVb = document.getElementById('group-vb');
      const grpVm = document.getElementById('group-vmeas');
      const grpVL = document.getElementById('group-vl');
      const cFlow = document.getElementById('currentFlow');
      const amComp = document.getElementById('group-am-comp');
      const vmComp = document.getElementById('group-vm-comp');
      const loadComp = document.getElementById('group-load-comp');

      // Reset
      grpI.style.opacity = '1';
      grpVb.style.opacity = '1';
      grpVm.style.opacity = '1';
      grpVL.style.opacity = '1';
      cFlow.style.opacity = '1';
      amComp.style.opacity = '1';
      vmComp.style.opacity = '1';
      loadComp.style.opacity = '1';

      if (mode === 'i') {
        grpVb.style.opacity = '0.2';
        grpVm.style.opacity = '0.2';
        grpVL.style.opacity = '0.2';
        vmComp.style.opacity = '0.35';
      } else if (mode === 'v') {
        grpI.style.opacity = '0.2';
        cFlow.style.opacity = '0.35';
      } else if (mode === 'p') {
        // Highlighting full relationship
      }

      document.getElementById('formula-heading').textContent = content[mode].title;
      document.getElementById('formula-text').innerHTML = content[mode].html;
    }

    // Initialize
    setMode('all');
  </script>
</body>
</html>

The ammeter measures the exact load current ($I_L = I_{\text{meas}}$), but the voltmeter reads high because it captures the ammeter's burden voltage alongside the load voltage ($V_{\text{meas}} = V_L + I_{\text{meas}} R_A$).

To find $P_{\text{true}}$, subtract the power lost across the ammeter's internal resistance from the apparent measurement:

$$P_{\text{true}} = (V_{\text{meas}} - I_{\text{meas}} R_A)I_{\text{meas}} = P_{\text{meas}} - I_{\text{meas}}^2 R_A$$

Let's apply these corrections to actual bench numbers to see how significant this error can be.

## Worked Example: Calculating True Power

Suppose you test a low-resistance heater using Configuration 2 (downstream ammeter). Your meters read $V_{\text{meas}} = 12.0\text{ V}$ and $I_{\text{meas}} = 2.50\text{ A}$. The ammeter has an internal resistance $R_A = 0.40\text{ }\Omega$.

First, find the uncorrected apparent power: $P_{\text{meas}} = 12.0\text{ V} \times 2.50\text{ A} = 30.0\text{ W}$. Next, compute the ammeter's internal burden loss: $P_A = I_{\text{meas}}^2 R_A = (2.50\text{ A})^2 \times 0.40\text{ }\Omega = 2.50\text{ W}$.

Subtracting this burden loss gives the true load power: $P_{\text{true}} = 30.0\text{ W} - 2.50\text{ W} = 27.5\text{ W}$. The uncorrected reading had an error of over $9\%$.

How do you pick which configuration produces the smallest initial error before applying corrections?

The choice depends on the **characteristic crossover resistance** $R_X = \sqrt{R_A R_V}$, which represents the geometric mean of your meter resistances.

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta name="aspect-ratio" content="4:3">
  <style>
    * { box-sizing: border-box; margin: 0; padding: 0; }
    body {
      font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
      background: #f8fafc;
      color: #1e293b;
      padding: 12px;
      display: flex;
      flex-direction: column;
      align-items: center;
      user-select: none;
    }

    .main-wrap {
      width: 100%;
      max-width: 580px;
      display: flex;
      flex-direction: column;
      gap: 10px;
    }

    /* Decision banner */
    .decision-panel {
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 10px 14px;
      border-radius: 8px;
      background: #ffffff;
      border: 1px solid #e2e8f0;
      gap: 8px;
    }
    .badge {
      font-size: 11px;
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: 0.5px;
      padding: 3px 8px;
      border-radius: 4px;
      white-space: nowrap;
    }
    .badge-v {
      background: #dbeafe;
      color: #1d4ed8;
    }
    .badge-a {
      background: #fef3c7;
      color: #b45309;
    }
    .decision-title {
      font-size: 13px;
      font-weight: 600;
      color: #0f172a;
    }
    .decision-sub {
      font-size: 11px;
      color: #64748b;
    }

    /* Chart Container */
    .chart-box {
      background: #ffffff;
      border-radius: 8px;
      border: 1px solid #e2e8f0;
      padding: 10px 10px 6px 10px;
      position: relative;
    }

    svg {
      display: block;
      width: 100%;
      height: auto;
      overflow: visible;
    }

    /* Legend */
    .legend-row {
      display: flex;
      justify-content: center;
      gap: 16px;
      margin-top: 4px;
      font-size: 11px;
      font-weight: 500;
    }
    .legend-item {
      display: flex;
      align-items: center;
      gap: 5px;
    }
    .legend-color {
      width: 12px;
      height: 3px;
      border-radius: 2px;
    }

    /* Slider area */
    .controls {
      background: #ffffff;
      border-radius: 8px;
      border: 1px solid #e2e8f0;
      padding: 10px 14px;
      display: flex;
      flex-direction: column;
      gap: 6px;
    }

    .slider-header {
      display: flex;
      justify-content: space-between;
      font-size: 12px;
      font-weight: 600;
      color: #334155;
    }

    .slider-header span.val {
      font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
      color: #0f172a;
      background: #f1f5f9;
      padding: 2px 6px;
      border-radius: 4px;
    }

    input[type=range] {
      width: 100%;
      height: 6px;
      border-radius: 3px;
      background: #e2e8f0;
      outline: none;
      -webkit-appearance: none;
      cursor: pointer;
    }

    input[type=range]::-webkit-slider-thumb {
      -webkit-appearance: none;
      width: 18px;
      height: 18px;
      border-radius: 50%;
      background: #0284c7;
      border: 2px solid #ffffff;
      box-shadow: 0 1px 3px rgba(0,0,0,0.3);
      cursor: pointer;
    }

    .ticks {
      display: flex;
      justify-content: space-between;
      font-size: 10px;
      color: #94a3b8;
      font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
    }

    /* Comparison metrics */
    .metrics-grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 8px;
    }
    .metric-card {
      background: #ffffff;
      border: 1px solid #e2e8f0;
      border-radius: 6px;
      padding: 6px 10px;
      display: flex;
      flex-direction: column;
      gap: 2px;
      transition: border-color 0.2s;
    }
    .metric-card.best {
      border-color: #3b82f6;
      background: #f8fafc;
    }
    .metric-name {
      font-size: 11px;
      color: #64748b;
    }
    .metric-val {
      font-size: 14px;
      font-weight: 700;
      font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
    }
  </style>
</head>
<body>

<div class="main-wrap">
  
  <div class="decision-panel">
    <div>
      <div id="zoneTitle" class="decision-title">Optimal: Voltmeter Across Load</div>
      <div id="zoneSub" class="decision-sub">Minimizes shunt loading error</div>
    </div>
    <div id="zoneBadge" class="badge badge-v">Config 1</div>
  </div>

  
  <div class="chart-box">
    <svg viewBox="0 0 500 200" id="chartSvg">
      
      <rect x="50" y="15" width="215" height="150" fill="#eff6ff" opacity="0.6"/>
      <rect x="265" y="15" width="215" height="150" fill="#fffbeb" opacity="0.6"/>

      
      <line x1="265" y1="15" x2="265" y2="165" stroke="#94a3b8" stroke-dasharray="3,3" stroke-width="1.5"/>

      
      <line x1="50" y1="165" x2="480" y2="165" stroke="#cbd5e1" stroke-width="1"/>
      <line x1="50" y1="15" x2="50" y2="165" stroke="#cbd5e1" stroke-width="1"/>

      
      <line x1="50" y1="135" x2="480" y2="135" stroke="#f1f5f9" stroke-width="1"/>
      <line x1="50" y1="105" x2="480" y2="105" stroke="#f1f5f9" stroke-width="1"/>
      <line x1="50" y1="75" x2="480" y2="75" stroke="#f1f5f9" stroke-width="1"/>
      <line x1="50" y1="45" x2="480" y2="45" stroke="#f1f5f9" stroke-width="1"/>

      
      <text x="157" y="28" font-size="10" font-weight="600" fill="#3b82f6" text-anchor="middle">ZONE 1: R_L &lt; R_X</text>
      <text x="372" y="28" font-size="10" font-weight="600" fill="#d97706" text-anchor="middle">ZONE 2: R_L &gt; R_X</text>

      
      
      <line x1="50" y1="165" x2="480" y2="15" stroke="#2563eb" stroke-width="2.5"/>
      
      <line x1="50" y1="15" x2="480" y2="165" stroke="#d97706" stroke-width="2.5"/>

      
      <circle cx="265" cy="90" r="4" fill="#64748b"/>
      <text x="265" y="82" font-size="9" fill="#475569" text-anchor="middle" font-family="monospace">R_X = 316.2 Ω</text>

      
      <line id="cursorLine" x1="150" y1="15" x2="150" y2="165" stroke="#0f172a" stroke-width="1.5" stroke-dasharray="2,2"/>
      <circle id="dotV" cx="150" cy="130" r="5" fill="#2563eb" stroke="#ffffff" stroke-width="2"/>
      <circle id="dotA" cx="150" cy="50" r="5" fill="#d97706" stroke="#ffffff" stroke-width="2"/>

      
      <text x="45" y="168" font-size="9" fill="#64748b" text-anchor="end">0.001%</text>
      <text x="45" y="138" font-size="9" fill="#64748b" text-anchor="end">0.01%</text>
      <text x="45" y="108" font-size="9" fill="#64748b" text-anchor="end">0.1%</text>
      <text x="45" y="78" font-size="9" fill="#64748b" text-anchor="end">1%</text>
      <text x="45" y="48" font-size="9" fill="#64748b" text-anchor="end">10%</text>
      <text x="45" y="18" font-size="9" fill="#64748b" text-anchor="end">100%</text>

      <text x="50" y="180" font-size="9" fill="#64748b" text-anchor="middle">0.1Ω</text>
      <text x="121.7" y="180" font-size="9" fill="#64748b" text-anchor="middle">1Ω</text>
      <text x="193.3" y="180" font-size="9" fill="#64748b" text-anchor="middle">10Ω</text>
      <text x="265" y="180" font-size="9" fill="#64748b" text-anchor="middle">100Ω</text>
      <text x="336.7" y="180" font-size="9" fill="#64748b" text-anchor="middle">1kΩ</text>
      <text x="408.3" y="180" font-size="9" fill="#64748b" text-anchor="middle">10kΩ</text>
      <text x="480" y="180" font-size="9" fill="#64748b" text-anchor="middle">100kΩ</text>
    </svg>

    <div class="legend-row">
      <div class="legend-item">
        <div class="legend-color" style="background: #2563eb;"></div>
        <span>Config 1: Voltmeter across Load (R_L / R_V)</span>
      </div>
      <div class="legend-item">
        <div class="legend-color" style="background: #d97706;"></div>
        <span>Config 2: Ammeter near Load (R_A / R_L)</span>
      </div>
    </div>
  </div>

  
  <div class="controls">
    <div class="slider-header">
      <span>Load Resistance (R_L):</span>
      <span class="val" id="rlDisplay">10.0 Ω</span>
    </div>
    <input type="range" id="rlSlider" min="-1" max="5" step="0.01" value="1">
    <div class="ticks">
      <span>0.1 Ω</span>
      <span>10 Ω</span>
      <span>R_X (316 Ω)</span>
      <span>10 kΩ</span>
      <span>100 kΩ</span>
    </div>
  </div>

  
  <div class="metrics-grid">
    <div class="metric-card" id="cardV">
      <div class="metric-name">Config 1 (V across Load)</div>
      <div class="metric-val" id="errVVal" style="color: #2563eb;">0.010%</div>
    </div>
    <div class="metric-card" id="cardA">
      <div class="metric-name">Config 2 (A near Load)</div>
      <div class="metric-val" id="errAVal" style="color: #d97706;">10.0%</div>
    </div>
  </div>
</div>

<script>
  const RA = 1.0;          // 1 Ohm
  const RV = 100000.0;     // 100 kOhm
  const RX = Math.sqrt(RA * RV); // 316.2277...

  // Graph geometry
  const X_MIN = 50;
  const X_MAX = 480;
  const Y_TOP = 15;
  const Y_BOT = 165;

  const slider = document.getElementById('rlSlider');
  const rlDisplay = document.getElementById('rlDisplay');
  const cursorLine = document.getElementById('cursorLine');
  const dotV = document.getElementById('dotV');
  const dotA = document.getElementById('dotA');
  const errVVal = document.getElementById('errVVal');
  const errAVal = document.getElementById('errAVal');
  const cardV = document.getElementById('cardV');
  const cardA = document.getElementById('cardA');
  const zoneTitle = document.getElementById('zoneTitle');
  const zoneSub = document.getElementById('zoneSub');
  const zoneBadge = document.getElementById('zoneBadge');

  function formatOhms(r) {
    if (r >= 1000) {
      return (r / 1000).toFixed(r >= 10000 ? 1 : 2) + ' kΩ';
    } else if (r >= 1) {
      return r.toFixed(r >= 100 ? 1 : 2) + ' Ω';
    } else {
      return r.toFixed(2) + ' Ω';
    }
  }

  function formatError(e) {
    if (e < 0.001) return '< 0.001%';
    if (e > 100) return '> 100%';
    if (e >= 10) return e.toFixed(1) + '%';
    if (e >= 1) return e.toFixed(2) + '%';
    return e.toFixed(3) + '%';
  }

  function update() {
    const logRL = parseFloat(slider.value); // -1 to 5
    const RL = Math.pow(10, logRL);

    // Errors (percentage)
    const errV = (RL / RV) * 100;
    const errA = (RA / RL) * 100;

    // Display values
    rlDisplay.textContent = formatOhms(RL);
    errVVal.textContent = formatError(errV);
    errAVal.textContent = formatError(errA);

    // Compute SVG positions
    // X mapping: logRL from -1 to 5 (span of 6)
    const xPos = X_MIN + ((logRL - (-1)) / 6) * (X_MAX - X_MIN);

    // Y mapping: log10(Error%) from -3 (0.001%) to 2 (100%) (span of 5)
    function errToY(err) {
      const clampedErr = Math.max(0.001, Math.min(100, err));
      const logE = Math.log10(clampedErr);
      return Y_BOT - ((logE - (-3)) / 5) * (Y_BOT - Y_TOP);
    }

    const yV = errToY(errV);
    const yA = errToY(errA);

    // Update cursor & dots
    cursorLine.setAttribute('x1', xPos);
    cursorLine.setAttribute('x2', xPos);
    dotV.setAttribute('cx', xPos);
    dotV.setAttribute('cy', yV);
    dotA.setAttribute('cx', xPos);
    dotA.setAttribute('cy', yA);

    // Update Decision Banner & Highlighting
    if (RL < RX) {
      zoneTitle.textContent = 'Optimal: Voltmeter Across Load';
      zoneSub.textContent = 'Minimizes shunt loading error (R_L < R_X)';
      zoneBadge.textContent = 'Config 1';
      zoneBadge.className = 'badge badge-v';
      cardV.classList.add('best');
      cardA.classList.remove('best');
    } else {
      zoneTitle.textContent = 'Optimal: Ammeter Near Load';
      zoneSub.textContent = 'Minimizes ammeter burden error (R_L > R_X)';
      zoneBadge.textContent = 'Config 2';
      zoneBadge.className = 'badge badge-a';
      cardA.classList.add('best');
      cardV.classList.remove('best');
    }
  }

  slider.addEventListener('input', update);
  update();
</script>

</body>
</html>

When $R_L < \sqrt{R_A R_V}$ (small loads, high current), ammeter burden voltage causes less relative error than voltmeter current loss, so place the ammeter closest to the load (Configuration 2).

When $R_L > \sqrt{R_A R_V}$ (large loads, small current), voltmeter shunt current is negligible, so connect the voltmeter directly across the load (Configuration 1).

Even with the right formula, there is one real-world variable that catches technicians off guard during bench measurements.

## Common Pitfall: Lead and Contact Resistance

Engineers often use the nominal $R_A$ value from a meter's datasheet, forgetting that test lead wires and alligator clips add $0.05\text{ }\Omega$ to $0.30\text{ }\Omega$ of series resistance.

Always measure the total loop resistance of your ammeter leads together, or use a 4-wire Kelvin connection when testing low-resistance loads under heavy current.

electronics

Measuring DC Power with Separate Voltmeter and Ammeter. Connect meters to measure real DC power accurately and correct for meter burden voltage and shunt loading.

Non-Ideal Meters and Internal Resistance in Direct Current Circuits

DC Metering Circuits: Voltmeter and Ammeter Loading Effects

Practical Physics: Determining Real Power and Meter Systematic Errors

Pedagogical Strategy: Begin with a practical problem where Year 13 students calculate $P = VI$ using two different meter arrangements on a moderate resistance load, exposing an apparent discrepancy. Frame this through Kirchhoff's laws to derive the error terms analytically ($P_{\text{meas}} = P_{\text{true}} + P_{\text{meter}}$). Transition to the crossover condition $R_C = \sqrt{R_A R_V}$ to cultivate experimental judgment for choosing appropriate instrumentation configurations based on load characteristics.