← Commit history

Update characterization page for WS2812B-2020 — audit corrections

AravK ·b29b3c295e ·3mo ago ·parent c340567
1 file changed +34−34
WS2812B-2020.html+34−34
@@ -182,8 +182,8 @@ document.getElementById('copyFullUrl').addEventListener('click',function(){var t             <tr><td>Supply Voltage (VDD)</td><td>3.7&ndash;5.3V (rated 5V)</td></tr>             <tr><td>Rated VDD Range</td><td>+3.7V to +5.3V</td></tr>             <tr><td>Input Current (DI)</td><td>&plusmn;1&mu;A max</td></tr>-            <tr><td>Logic High (VIH)</td><td>0.65&times;VDD to VDD+0.7V</td></tr>-            <tr><td>Logic Low (VIL)</td><td>&minus;0.3V to 0.7V</td></tr>+            <tr><td>Logic High (VIH)</td><td>0.7&times;VDD to VDD+0.7V</td></tr>+            <tr><td>Logic Low (VIL)</td><td>max 0.3 &times; VDD</td></tr>             <tr><td>Data Rate</td><td>800 Kbps (NRZ)</td></tr>             <tr><td>PWM Frequency</td><td>2 KHz</td></tr>             <tr><td>Color Depth</td><td>24-bit (8 per R/G/B)</td></tr>@@ -198,15 +198,15 @@ document.getElementById('copyFullUrl').addEventListener('click',function(){var t         <h2 class="section-title">LED Characteristics @ VDD=5V</h2>         <div class="card">           <table class="detail-table">-            <tr><td>Red Luminous Intensity</td><td style="color:#DC143C">200 mcd @ 12mA</td></tr>-            <tr><td>Red Wavelength</td><td style="color:#DC143C">620&ndash;625nm</td></tr>-            <tr><td>Green Luminous Intensity</td><td style="color:#32CD32">520 mcd @ 12mA</td></tr>-            <tr><td>Green Wavelength</td><td style="color:#32CD32">515&ndash;520nm</td></tr>-            <tr><td>Blue Luminous Intensity</td><td style="color:#4169E1">160 mcd @ 12mA</td></tr>-            <tr><td>Blue Wavelength</td><td style="color:#4169E1">465&ndash;470nm</td></tr>+            <tr><td>Red Luminous Intensity</td><td style="color:#DC143C">300–500 mcd @ 16mA</td></tr>+            <tr><td>Red Wavelength</td><td style="color:#DC143C">620–630nm</td></tr>+            <tr><td>Green Luminous Intensity</td><td style="color:#32CD32">800–1500 mcd @ 16mA</td></tr>+            <tr><td>Green Wavelength</td><td style="color:#32CD32">515–525nm</td></tr>+            <tr><td>Blue Luminous Intensity</td><td style="color:#4169E1">200–300 mcd @ 16mA</td></tr>+            <tr><td>Blue Wavelength</td><td style="color:#4169E1">465–475nm</td></tr>             <tr><td>White (all on)</td><td>CIE x=0.21, y=0.23</td></tr>             <tr><td>White CCT</td><td>~25000K (very cool)</td></tr>-            <tr><td>White Current</td><td>36mA (12mA &times; 3)</td></tr>+            <tr><td>White Current</td><td>48mA (16mA × 3)</td></tr>           </table>         </div>       </div>@@ -310,7 +310,7 @@ document.getElementById('copyFullUrl').addEventListener('click',function(){var t         <!-- T1L -->         <line x1="330" y1="190" x2="420" y2="190" stroke="#58a6ff" stroke-width="0.5"/>         <line x1="420" y1="186" x2="420" y2="194" stroke="#58a6ff" stroke-width="0.5"/>-        <text x="375" y="205" fill="#58a6ff" font-size="9" text-anchor="middle">T1L: 580ns-1&mu;s</text>+        <text x="375" y="205" fill="#58a6ff" font-size="9" text-anchor="middle">T1L: 220ns-420ns</text>          <!-- Reset -->         <text x="50" y="238" fill="#e6edf3" font-size="11" font-weight="bold">Reset:</text>@@ -409,7 +409,7 @@ document.getElementById('copyFullUrl').addEventListener('click',function(){var t    <!-- Per-Channel Brightness Bar Chart -->   <div class="section">-    <h2 class="section-title">Per-Channel Brightness @ 12mA</h2>+    <h2 class="section-title">Per-Channel Brightness @ 16mA</h2>     <div class="chart-wrap">       <h3>Luminous Intensity by Color Channel</h3>       <svg width="100%" height="250" viewBox="0 0 500 250">@@ -423,36 +423,36 @@ document.getElementById('copyFullUrl').addEventListener('click',function(){var t         <line x1="60" y1="48" x2="440" y2="48" stroke="#21262d" stroke-width="0.5" stroke-dasharray="4,4"/>         <line x1="60" y1="10" x2="440" y2="10" stroke="#21262d" stroke-width="0.5" stroke-dasharray="4,4"/> -        <!-- Red bar: 200 mcd => height = 200/700 * 190 = 54 -->-        <rect x="100" y="146" width="60" height="54" rx="3" fill="rgba(220,20,60,0.6)" stroke="#DC143C" stroke-width="1"/>-        <text x="130" y="139" fill="#DC143C" font-size="12" text-anchor="middle" font-weight="bold">200</text>+        <!-- Red bar: 400 mcd (midpoint 300-500) => height = 400/1500 * 190 = 51 -->+        <rect x="100" y="149" width="60" height="51" rx="3" fill="rgba(220,20,60,0.6)" stroke="#DC143C" stroke-width="1"/>+        <text x="130" y="142" fill="#DC143C" font-size="12" text-anchor="middle" font-weight="bold">400</text>         <text x="130" y="218" fill="#DC143C" font-size="10" text-anchor="middle">Red</text>-        <text x="130" y="230" fill="#484f58" font-size="8" text-anchor="middle">620-625nm</text>+        <text x="130" y="230" fill="#484f58" font-size="8" text-anchor="middle">620-630nm</text> -        <!-- Green bar: 520 mcd => height = 520/700 * 190 = 141 -->-        <rect x="220" y="59" width="60" height="141" rx="3" fill="rgba(50,205,50,0.6)" stroke="#32CD32" stroke-width="1"/>-        <text x="250" y="52" fill="#32CD32" font-size="12" text-anchor="middle" font-weight="bold">520</text>+        <!-- Green bar: 1150 mcd (midpoint 800-1500) => height = 1150/1500 * 190 = 146 -->+        <rect x="220" y="54" width="60" height="146" rx="3" fill="rgba(50,205,50,0.6)" stroke="#32CD32" stroke-width="1"/>+        <text x="250" y="47" fill="#32CD32" font-size="12" text-anchor="middle" font-weight="bold">1150</text>         <text x="250" y="218" fill="#32CD32" font-size="10" text-anchor="middle">Green</text>-        <text x="250" y="230" fill="#484f58" font-size="8" text-anchor="middle">515-520nm</text>+        <text x="250" y="230" fill="#484f58" font-size="8" text-anchor="middle">515-525nm</text> -        <!-- Blue bar: 160 mcd => height = 160/700 * 190 = 43 -->-        <rect x="340" y="157" width="60" height="43" rx="3" fill="rgba(65,105,225,0.6)" stroke="#4169E1" stroke-width="1"/>-        <text x="370" y="150" fill="#4169E1" font-size="12" text-anchor="middle" font-weight="bold">160</text>+        <!-- Blue bar: 250 mcd (midpoint 200-300) => height = 250/1500 * 190 = 32 -->+        <rect x="340" y="168" width="60" height="32" rx="3" fill="rgba(65,105,225,0.6)" stroke="#4169E1" stroke-width="1"/>+        <text x="370" y="161" fill="#4169E1" font-size="12" text-anchor="middle" font-weight="bold">250</text>         <text x="370" y="218" fill="#4169E1" font-size="10" text-anchor="middle">Blue</text>-        <text x="370" y="230" fill="#484f58" font-size="8" text-anchor="middle">465-470nm</text>+        <text x="370" y="230" fill="#484f58" font-size="8" text-anchor="middle">465-475nm</text>          <!-- Y axis -->         <text x="55" y="203" fill="#484f58" font-size="9" text-anchor="end">0</text>-        <text x="55" y="165" fill="#484f58" font-size="9" text-anchor="end">140</text>-        <text x="55" y="127" fill="#484f58" font-size="9" text-anchor="end">280</text>-        <text x="55" y="89" fill="#484f58" font-size="9" text-anchor="end">420</text>-        <text x="55" y="51" fill="#484f58" font-size="9" text-anchor="end">560</text>-        <text x="55" y="13" fill="#484f58" font-size="9" text-anchor="end">700</text>+        <text x="55" y="165" fill="#484f58" font-size="9" text-anchor="end">300</text>+        <text x="55" y="127" fill="#484f58" font-size="9" text-anchor="end">600</text>+        <text x="55" y="89" fill="#484f58" font-size="9" text-anchor="end">900</text>+        <text x="55" y="51" fill="#484f58" font-size="9" text-anchor="end">1200</text>+        <text x="55" y="13" fill="#484f58" font-size="9" text-anchor="end">1500</text>         <text x="15" y="110" fill="#484f58" font-size="9" text-anchor="middle" transform="rotate(-90,15,110)">Iv (mcd)</text> -        <text x="250" y="248" fill="#484f58" font-size="9" text-anchor="middle">All channels @ I<tspan baseline-shift="sub" font-size="7">f</tspan> = 12mA, VDD = 5V</text>+        <text x="250" y="248" fill="#484f58" font-size="9" text-anchor="middle">All channels @ I<tspan baseline-shift="sub" font-size="7">f</tspan> = 16mA, VDD = 5V</text>       </svg>-      <div class="chart-note">Green channel is brightest at 520 mcd, followed by red at 200 mcd and blue at 160 mcd. This reflects typical human eye sensitivity (scotopic peak ~507nm). Green dominates perceived brightness in color mixing.</div>+      <div class="chart-note">Green channel is brightest at 800–1500 mcd, followed by red at 300–500 mcd and blue at 200–300 mcd. This reflects typical human eye sensitivity (scotopic peak ~507nm). Green dominates perceived brightness in color mixing.</div>     </div>   </div> @@ -588,10 +588,10 @@ document.getElementById('copyFullUrl').addEventListener('click',function(){var t     document.getElementById('mix-hex').textContent = hex;     document.getElementById('mix-grb').textContent = 'GRB: ' + grb; -    // Power: each channel draws up to 12mA at 255, linear-    var iR = (r / 255) * 12;-    var iG = (g / 255) * 12;-    var iB = (b / 255) * 12;+    // Power: each channel draws up to 16mA at 255, linear+    var iR = (r / 255) * 16;+    var iG = (g / 255) * 16;+    var iB = (b / 255) * 16;     var iTotal = iR + iG + iB;     var pTotal = 5.0 * iTotal; // mW