82 lines
4.2 KiB
XML
82 lines
4.2 KiB
XML
<svg width="800" height="550" viewBox="0 0 800 550" xmlns="http://www.w3.org/2000/svg">
|
|
<!-- Define styles -->
|
|
<defs>
|
|
<style>
|
|
.box { fill: #ffffff; stroke: #4B5563; stroke-width: 2; rx: 8; ry: 8; }
|
|
.text { font-family: 'Poppins', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 14px; fill: #1F2937; text-anchor: middle; }
|
|
.title-text { font-size: 16px; font-weight: bold; }
|
|
.arrow-line { stroke: #6B7280; stroke-width: 2; }
|
|
.arrow-head { fill: #6B7280; }
|
|
/* .label-text class is no longer used for arrow labels */
|
|
.provider-color { fill: #D1FAE5; stroke: #059669; } /* Light Green */
|
|
.user-color { fill: #DBEAFE; stroke: #2563EB; } /* Light Blue */
|
|
.system-color { fill: #FEF3C7; stroke: #D97706; } /* Light Yellow */
|
|
.tfp-color { fill: #E0E7FF; stroke: #4F46E5; } /* Light Indigo for TFP itself */
|
|
.marketplace-color { fill: #F3E8FF; stroke: #7E22CE; } /* Light Purple */
|
|
</style>
|
|
<marker id="arrow" viewBox="0 0 10 10" refX="8" refY="5" markerWidth="6" markerHeight="6" orient="auto-start-reverse">
|
|
<path d="M 0 0 L 10 5 L 0 10 z" class="arrow-head" />
|
|
</marker>
|
|
</defs>
|
|
|
|
<!-- Title -->
|
|
<text x="400" y="30" class="text title-text" style="font-size: 20px;">Mycelium Points (TFP) Flow</text>
|
|
|
|
<!-- Column 1: Providers & Generation -->
|
|
<rect x="50" y="70" width="180" height="100" class="box provider-color" />
|
|
<text x="140" y="100" class="text title-text">Providers</text>
|
|
<text x="140" y="120" class="text">Contribute Resources</text>
|
|
<text x="140" y="135" class="text">& Services to Grid</text>
|
|
|
|
<rect x="50" y="200" width="180" height="70" class="box system-color" />
|
|
<text x="140" y="230" class="text title-text">TFP Generation</text>
|
|
<text x="140" y="250" class="text">(Minted for Providers)</text>
|
|
|
|
<rect x="50" y="300" width="180" height="70" class="box tfp-color" />
|
|
<text x="140" y="330" class="text title-text">Provider TFP</text>
|
|
<text x="140" y="350" class="text">Balance</text>
|
|
|
|
<!-- Column 2: Marketplace -->
|
|
<rect x="310" y="230" width="180" height="100" class="box marketplace-color" />
|
|
<text x="400" y="260" class="text title-text">Marketplace</text>
|
|
<text x="400" y="280" class="text">Exchange of</text>
|
|
<text x="400" y="295" class="text">Services/Resources</text>
|
|
<text x="400" y="310" class="text">for TFP</text>
|
|
|
|
<!-- Column 3: Users & Acquisition -->
|
|
<rect x="570" y="70" width="180" height="100" class="box user-color" />
|
|
<text x="660" y="115" class="text title-text">Users</text>
|
|
|
|
<rect x="570" y="200" width="180" height="70" class="box system-color" />
|
|
<text x="660" y="225" class="text title-text">TFP Acquisition</text>
|
|
<text x="660" y="240" class="text">(Fiat, Swaps,</text>
|
|
<text x="660" y="255" class="text">Liquidity Pools)</text>
|
|
|
|
<rect x="570" y="300" width="180" height="70" class="box tfp-color" />
|
|
<text x="660" y="330" class="text title-text">User TFP</text>
|
|
<text x="660" y="350" class="text">Balance</text>
|
|
|
|
<!-- Arrows (No Labels) -->
|
|
<!-- Provider to TFP Generation -->
|
|
<line x1="140" y1="170" x2="140" y2="200" class="arrow-line" marker-end="url(#arrow)" />
|
|
|
|
<!-- TFP Generation to Provider Balance -->
|
|
<line x1="140" y1="270" x2="140" y2="300" class="arrow-line" marker-end="url(#arrow)" />
|
|
|
|
<!-- User to TFP Acquisition -->
|
|
<line x1="660" y1="170" x2="660" y2="200" class="arrow-line" marker-end="url(#arrow)" />
|
|
|
|
<!-- TFP Acquisition to User Balance -->
|
|
<line x1="660" y1="270" x2="660" y2="300" class="arrow-line" marker-end="url(#arrow)" />
|
|
|
|
<!-- User Balance to Marketplace -->
|
|
<line x1="570" y1="335" x2="490" y2="305" class="arrow-line" marker-end="url(#arrow)" />
|
|
|
|
<!-- Marketplace to Provider Balance -->
|
|
<line x1="310" y1="305" x2="230" y2="335" class="arrow-line" marker-end="url(#arrow)" />
|
|
|
|
<!-- Circulation Loop (Conceptual) -->
|
|
<path d="M 230 370 Q 250 470, 400 470 Q 550 470, 570 370" fill="none" class="arrow-line" stroke-dasharray="5,5" />
|
|
<text x="400" y="490" class="text title-text" text-anchor="middle">TFP Circulates in Ecosystem</text>
|
|
</svg>
|