---
source: src/diagrams/sankey/renderer.rs
expression: "crate::svg::normalize_floats(&svg)"
---
<svg id="mermaid-sankey" xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 600 400" style="max-width:600px;" role="graphics-document document" aria-roledescription="sankey">
<g class="nodes">
<g class="node" id="node-0" transform="translate(0,0)" x="0" y="0">
<rect height="173" width="10" fill="#4e79a7" shape-rendering="crispEdges"/>
</g>
<g class="node" id="node-1" transform="translate(295,18.99)" x="295" y="18.99">
<rect height="346" width="10" fill="#f28e2b" shape-rendering="crispEdges"/>
</g>
<g class="node" id="node-2" transform="translate(0,200)" x="0" y="200">
<rect height="103.8" width="10" fill="#e15759" shape-rendering="crispEdges"/>
</g>
<g class="node" id="node-3" transform="translate(0,330.8)" x="0" y="330.8">
<rect height="69.2" width="10" fill="#76b7b2" shape-rendering="crispEdges"/>
</g>
<g class="node" id="node-4" transform="translate(590,5.45)" x="590" y="5.45">
<rect height="138.4" width="10" fill="#59a14f" shape-rendering="crispEdges"/>
</g>
<g class="node" id="node-5" transform="translate(590,170.85)" x="590" y="170.85">
<rect height="207.6" width="10" fill="#edc948" shape-rendering="crispEdges"/>
</g>
</g>
<g class="node-labels" font-size="14">
<text x="16" y="86.5" dy="0.35em" text-anchor="start" font-family="Arial, sans-serif" font-size="14px" fill="#333333">Coal
50</text>
<text x="311" y="191.99" dy="0.35em" text-anchor="start" font-family="Arial, sans-serif" font-size="14px" fill="#333333">Power
100</text>
<text x="16" y="251.9" dy="0.35em" text-anchor="start" font-family="Arial, sans-serif" font-size="14px" fill="#333333">Gas
30</text>
<text x="16" y="365.4" dy="0.35em" text-anchor="start" font-family="Arial, sans-serif" font-size="14px" fill="#333333">Nuclear
20</text>
<text x="584" y="74.65" dy="0.35em" text-anchor="end" font-family="Arial, sans-serif" font-size="14px" fill="#333333">Homes
40</text>
<text x="584" y="274.65" dy="0.35em" text-anchor="end" font-family="Arial, sans-serif" font-size="14px" fill="#333333">Industry
60</text>
</g>
<defs>
<linearGradient id="lg-0" gradientUnits="userSpaceOnUse" x1="10" x2="295"><stop offset="0%" stop-color="#4e79a7"/><stop offset="100%" stop-color="#f28e2b"/></linearGradient>
<linearGradient id="lg-1" gradientUnits="userSpaceOnUse" x1="10" x2="295"><stop offset="0%" stop-color="#e15759"/><stop offset="100%" stop-color="#f28e2b"/></linearGradient>
<linearGradient id="lg-2" gradientUnits="userSpaceOnUse" x1="10" x2="295"><stop offset="0%" stop-color="#76b7b2"/><stop offset="100%" stop-color="#f28e2b"/></linearGradient>
<linearGradient id="lg-3" gradientUnits="userSpaceOnUse" x1="305" x2="590"><stop offset="0%" stop-color="#f28e2b"/><stop offset="100%" stop-color="#59a14f"/></linearGradient>
<linearGradient id="lg-4" gradientUnits="userSpaceOnUse" x1="305" x2="590"><stop offset="0%" stop-color="#f28e2b"/><stop offset="100%" stop-color="#edc948"/></linearGradient>
</defs>
<g class="links" fill="none" stroke-opacity="0.5">
<g class="link" style="mix-blend-mode:multiply;"><path d="M10,86.5 C152.5,86.5 152.5,105.49 295,105.49" fill="none" stroke="url(#lg-0)" stroke-width="173" stroke-opacity="0.5"/></g>
<g class="link" style="mix-blend-mode:multiply;"><path d="M10,251.9 C152.5,251.9 152.5,243.89 295,243.89" fill="none" stroke="url(#lg-1)" stroke-width="103.8" stroke-opacity="0.5"/></g>
<g class="link" style="mix-blend-mode:multiply;"><path d="M10,365.4 C152.5,365.4 152.5,330.39 295,330.39" fill="none" stroke="url(#lg-2)" stroke-width="69.2" stroke-opacity="0.5"/></g>
<g class="link" style="mix-blend-mode:multiply;"><path d="M305,88.19 C447.5,88.19 447.5,74.65 590,74.65" fill="none" stroke="url(#lg-3)" stroke-width="138.4" stroke-opacity="0.5"/></g>
<g class="link" style="mix-blend-mode:multiply;"><path d="M305,261.19 C447.5,261.19 447.5,274.65 590,274.65" fill="none" stroke="url(#lg-4)" stroke-width="207.6" stroke-opacity="0.5"/></g>
</g>
</svg>
