gitsite-cli/test/resources/mermaid-pie.html

Tools for generate static web site from Markdown files in git repository.

<div class="mermaid-wrapper" style="text-align:left"><svg aria-roledescription="pie" role="graphics-document document" style="max-width: 784px; background-color: transparent;" viewBox="0 0 784 450" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" width="100%" id="u8ea8a70" class="mermaid mermaid-pie"><g/><g transform="translate(392,225)"><circle class="pieOuterCircle" r="186" cy="0" cx="0"/><path class="pieCircle svg-mermaid-fill-color-0"  d="M1.1327982892113017e-14,-185A185,185,0,0,1,42.237228123611345,180.11389885412513L0,0Z"/><path class="pieCircle svg-mermaid-fill-color-1"  d="M42.237228123611345,180.11389885412513A185,185,0,0,1,-141.76816525308922,-118.85616231720081L0,0Z"/><path class="pieCircle svg-mermaid-fill-color-2"  d="M-141.76816525308922,-118.85616231720081A185,185,0,0,1,-53.0490527880011,-177.23091716259856L0,0Z"/><path class="pieCircle svg-mermaid-fill-color-3"  d="M-53.0490527880011,-177.23091716259856A185,185,0,0,1,1.303290589681841e-13,-185L0,0Z"/><text style="text-anchor: middle;" class="slice" transform="translate(137.83081132226457,-15.944589999316447)">46%</text><text style="text-anchor: middle;" class="slice" transform="translate(-118.16338954916978,72.72534544607646)">40%</text><text style="text-anchor: middle;" class="slice" transform="translate(-76.26559717903304,-115.90997017912422)">9%</text><text style="text-anchor: middle;" class="slice" transform="translate(-20.105598508463803,-137.2855688286881)">5%</text><text class="pieTitleText" y="-200" x="0">Pie Demo</text><g transform="translate(216,-44)" class="legend svg-mermaid-fill-color-0"><rect style=" " height="18" width="18"/><text y="14" x="22">Orange [50.05]</text></g><g transform="translate(216,-22)" class="legend svg-mermaid-fill-color-1"><rect style=" " height="18" width="18"/><text y="14" x="22">Apple [42.96]</text></g><g transform="translate(216,0)" class="legend svg-mermaid-fill-color-2"><rect style=" " height="18" width="18"/><text y="14" x="22">Banana [10.01]</text></g><g transform="translate(216,22)" class="legend svg-mermaid-fill-color-3"><rect style=" " height="18" width="18"/><text y="14" x="22">Raspberry [5]</text></g></g></svg></div>