mirror of
https://github.com/mytechnotalent/Embedded-Hacking.git
synced 2026-07-12 23:26:33 +02:00
Kevin Thomas
77 lines
3.7 KiB
XML
77 lines
3.7 KiB
XML
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 800">
|
|
<style>
|
|
.bg{fill:#0a0a0f}.pnl{fill:#12121a;stroke:#1a1a2e}.hdr{fill:#12121a}
|
|
.title{font:bold 42px 'Courier New',monospace;fill:#00ff41}
|
|
.sub{font:bold 28px 'Courier New',monospace;fill:#00d4ff}
|
|
.txt{font:24px 'Courier New',monospace;fill:#c0c0c0}
|
|
.dim{font:20px 'Courier New',monospace;fill:#888}
|
|
.grn{font:bold 24px 'Courier New',monospace;fill:#00ff41}
|
|
.red{font:bold 24px 'Courier New',monospace;fill:#ff0040}
|
|
.cyn{font:bold 24px 'Courier New',monospace;fill:#00d4ff}
|
|
.amb{font:bold 24px 'Courier New',monospace;fill:#ffaa00}
|
|
.badge{stroke:#00ff41;rx:14}
|
|
</style>
|
|
<rect class="bg" width="1200" height="800"/>
|
|
|
|
<!-- Title -->
|
|
<text x="600" y="52" text-anchor="middle" class="title">Integer Data Types</text>
|
|
<text x="600" y="88" text-anchor="middle" class="dim">Fixed-Size Types for Embedded Systems</text>
|
|
|
|
<!-- uint8_t -->
|
|
<rect x="40" y="110" width="540" height="155" rx="8" class="pnl"/>
|
|
<text x="310" y="148" text-anchor="middle" class="sub">uint8_t</text>
|
|
<text x="60" y="185" class="grn">Unsigned 8-bit</text>
|
|
<text x="360" y="185" class="txt">1 byte</text>
|
|
<text x="60" y="218" class="txt">Range:</text>
|
|
<text x="200" y="218" class="amb">0 to 255</text>
|
|
<text x="60" y="245" class="dim">Ages, counts, always positive</text>
|
|
|
|
<!-- int8_t -->
|
|
<rect x="620" y="110" width="540" height="155" rx="8" class="pnl"/>
|
|
<text x="890" y="148" text-anchor="middle" class="sub">int8_t</text>
|
|
<text x="640" y="185" class="red">Signed 8-bit</text>
|
|
<text x="940" y="185" class="txt">1 byte</text>
|
|
<text x="640" y="218" class="txt">Range:</text>
|
|
<text x="780" y="218" class="amb">-128 to 127</text>
|
|
<text x="640" y="245" class="dim">Temperature, can be negative</text>
|
|
|
|
<!-- uint16_t -->
|
|
<rect x="40" y="285" width="540" height="155" rx="8" class="pnl"/>
|
|
<text x="310" y="323" text-anchor="middle" class="sub">uint16_t</text>
|
|
<text x="60" y="360" class="grn">Unsigned 16-bit</text>
|
|
<text x="360" y="360" class="txt">2 bytes</text>
|
|
<text x="60" y="393" class="txt">Range:</text>
|
|
<text x="200" y="393" class="amb">0 to 65,535</text>
|
|
<text x="60" y="420" class="dim">Sensor readings, medium values</text>
|
|
|
|
<!-- uint32_t -->
|
|
<rect x="620" y="285" width="540" height="155" rx="8" class="pnl"/>
|
|
<text x="890" y="323" text-anchor="middle" class="sub">uint32_t</text>
|
|
<text x="640" y="360" class="cyn">Unsigned 32-bit</text>
|
|
<text x="940" y="360" class="txt">4 bytes</text>
|
|
<text x="640" y="393" class="txt">Range:</text>
|
|
<text x="780" y="393" class="amb">0 to ~4 billion</text>
|
|
<text x="640" y="420" class="dim">Addresses, timestamps</text>
|
|
|
|
<!-- Code Example -->
|
|
<rect x="40" y="460" width="1120" height="150" rx="8" class="pnl"/>
|
|
<text x="600" y="498" text-anchor="middle" class="sub">Code Example</text>
|
|
<rect x="60" y="515" width="1080" height="80" rx="6" fill="#0a0a0f" stroke="#00ff41" stroke-width="1"/>
|
|
<text x="80" y="548" class="amb">uint8_t age = 43;</text>
|
|
<text x="500" y="548" class="dim">// unsigned, 0-255</text>
|
|
<text x="80" y="578" class="red">int8_t range = -42;</text>
|
|
<text x="500" y="578" class="dim">// signed, -128 to 127</text>
|
|
|
|
<!-- Key Insight -->
|
|
<rect x="40" y="630" width="1120" height="150" rx="8" class="pnl"/>
|
|
<text x="600" y="668" text-anchor="middle" class="sub">Key Insight</text>
|
|
<text x="60" y="700" class="txt">The</text>
|
|
<text x="120" y="700" class="grn">u</text>
|
|
<text x="145" y="700" class="txt">prefix means</text>
|
|
<text x="370" y="700" class="cyn">unsigned</text>
|
|
<text x="540" y="700" class="txt">(no negatives)</text>
|
|
<text x="60" y="730" class="txt">Without</text>
|
|
<text x="210" y="730" class="grn">u</text>
|
|
<text x="235" y="730" class="txt">= signed (allows negatives)</text>
|
|
<text x="60" y="760" class="dim">Choose the smallest type that fits your data</text>
|
|
</svg> |