chore: update modality counts in README

Author: mikemartinez99

README.md

@@ -115,7 +115,66 @@ The **GDSC** aims to facilitate advanced bioinformatic, computational, and stati
 
 <!-- START: modality-counts -->
 
-### Modality counts
+### Modality Distribution
+
+<p align="center">
+<svg width="600" height="253" xmlns="http://www.w3.org/2000/svg">
+  <style>
+    .legend-text { 
+      font: 12px -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif; 
+      fill: #24292f; 
+    }
+    .legend-percent { 
+      font: 12px -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif; 
+      fill: #656d76; 
+      font-weight: 600;
+    }
+  </style>
+  <g id="bar">
+        <rect x="0.00" y="0" width="184.62" height="8" fill="#e34c26"><title>Bulk-Transcriptomics: 4 (30.8%)</title></rect>
+    <rect x="184.62" y="0" width="92.31" height="8" fill="#384d54"><title>Workflow development: 2 (15.4%)</title></rect>
+    <rect x="276.92" y="0" width="46.15" height="8" fill="#f1e05a"><title>10x Multiome: 1 (7.7%)</title></rect>
+    <rect x="323.08" y="0" width="46.15" height="8" fill="#4F5D95"><title>10x Visium: 1 (7.7%)</title></rect>
+    <rect x="369.23" y="0" width="46.15" height="8" fill="#DA5B0B"><title>10x Xenium: 1 (7.7%)</title></rect>
+    <rect x="415.38" y="0" width="46.15" height="8" fill="#cccccc"><title>Epigenetics: 1 (7.7%)</title></rect>
+    <rect x="461.54" y="0" width="46.15" height="8" fill="#701516"><title>Metagenomics: 1 (7.7%)</title></rect>
+    <rect x="507.69" y="0" width="46.15" height="8" fill="#b07219"><title>ResolveOME: 1 (7.7%)</title></rect>
+    <rect x="553.85" y="0" width="46.15" height="8" fill="#3572A5"><title>scRNA-Seq: 1 (7.7%)</title></rect>
+  </g>
+  <g id="legend">
+        <circle cx="6" cy="28" r="5" fill="#e34c26"/>
+    <text x="18" y="32" class="legend-text">Bulk-Transcriptomics</text>
+    <text x="590" y="32" class="legend-percent" text-anchor="end">30.8% (4)</text>
+    <circle cx="6" cy="53" r="5" fill="#384d54"/>
+    <text x="18" y="57" class="legend-text">Workflow development</text>
+    <text x="590" y="57" class="legend-percent" text-anchor="end">15.4% (2)</text>
+    <circle cx="6" cy="78" r="5" fill="#f1e05a"/>
+    <text x="18" y="82" class="legend-text">10x Multiome</text>
+    <text x="590" y="82" class="legend-percent" text-anchor="end">7.7% (1)</text>
+    <circle cx="6" cy="103" r="5" fill="#4F5D95"/>
+    <text x="18" y="107" class="legend-text">10x Visium</text>
+    <text x="590" y="107" class="legend-percent" text-anchor="end">7.7% (1)</text>
+    <circle cx="6" cy="128" r="5" fill="#DA5B0B"/>
+    <text x="18" y="132" class="legend-text">10x Xenium</text>
+    <text x="590" y="132" class="legend-percent" text-anchor="end">7.7% (1)</text>
+    <circle cx="6" cy="153" r="5" fill="#cccccc"/>
+    <text x="18" y="157" class="legend-text">Epigenetics</text>
+    <text x="590" y="157" class="legend-percent" text-anchor="end">7.7% (1)</text>
+    <circle cx="6" cy="178" r="5" fill="#701516"/>
+    <text x="18" y="182" class="legend-text">Metagenomics</text>
+    <text x="590" y="182" class="legend-percent" text-anchor="end">7.7% (1)</text>
+    <circle cx="6" cy="203" r="5" fill="#b07219"/>
+    <text x="18" y="207" class="legend-text">ResolveOME</text>
+    <text x="590" y="207" class="legend-percent" text-anchor="end">7.7% (1)</text>
+    <circle cx="6" cy="228" r="5" fill="#3572A5"/>
+    <text x="18" y="232" class="legend-text">scRNA-Seq</text>
+    <text x="590" y="232" class="legend-percent" text-anchor="end">7.7% (1)</text>
+  </g>
+</svg>
+</p>
+
+<details>
+<summary>View as table</summary>
 
 | Modality | Count |
 |----------|-------|
@@ -129,6 +188,8 @@ The **GDSC** aims to facilitate advanced bioinformatic, computational, and stati
 | ResolveOME | 1 |
 | scRNA-Seq | 1 |
 
+</details>
+
 <!-- END: modality-counts -->