Untitled diff
1 line
data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid" class="analytic-pyramide" width="600" height="600" viewBox="0 0 600 600"><defs><filter x="0" y="0" id="blurFilter"><feGaussianBlur in="SourceGraphic" stdDeviation="3"/></filter></defs><text class="label label-left" x="260" y="20" text-anchor="end" style="color: black; font-size: 15px;">Women</text><text class="label label-right" x="340" y="20" style="color: black; font-size: 15px;">Men</text><g class="bars" transform="translate(0,20)"><rect width="600" height="98" fill="none" pointer-events="all"/><rect class="left-bar" height="98" width="0" x="260" style="fill: rgb(227, 119, 194);"/><rect class="right-bar" height="98" x="340" width="2.05" style="fill: rgb(31, 119, 180);"/><text class="shared" x="300" y="49" text-anchor="middle" style="color: black; font-size: 12px;">55+</text></g><g class="bars" transform="translate(0,116.66666666666666)"><rect width="600" height="98" fill="none" pointer-events="all"/><rect class="left-bar" height="98" width="2.05" x="257.95" style="fill: rgb(227, 119, 194);"/><rect class="right-bar" height="98" x="340" width="0" style="fill: rgb(31, 119, 180);"/><text class="shared" x="300" y="49" text-anchor="middle" style="color: black; font-size: 12px;">45-54</text></g><g class="bars" transform="translate(0,213.33333333333331)"><rect width="600" height="98" fill="none" pointer-events="all"/><rect class="left-bar" height="98" width="0" x="260" style="fill: rgb(227, 119, 194);"/><rect class="right-bar" height="98" x="340" width="10.25" style="fill: rgb(31, 119, 180);"/><text class="shared" x="300" y="49" text-anchor="middle" style="color: black; font-size: 12px;">35-44</text></g><g class="bars" transform="translate(0,310)"><rect width="600" height="98" fill="none" pointer-events="all"/><rect class="left-bar" height="98" width="77.9" x="182.10000000000002" style="fill: rgb(227, 119, 194);"/><rect class="right-bar" height="98" x="340" width="205" style="fill: rgb(31, 119, 180);"/><text class="shared" x="300" y="49" text-anchor="middle" style="color: black; font-size: 12px;">26-34</text></g><g class="bars" transform="translate(0,406.66666666666663)"><rect width="600" height="98" fill="none" pointer-events="all"/><rect class="left-bar" height="98" width="10.25" x="249.75" style="fill: rgb(227, 119, 194);"/><rect class="right-bar" height="98" x="340" width="4.1" style="fill: rgb(31, 119, 180);"/><text class="shared" x="300" y="49" text-anchor="middle" style="color: black; font-size: 12px;">18-25</text></g><g class="bars" transform="translate(0,503.33333333333337)"><rect width="600" height="98" fill="none" pointer-events="all"/><rect class="left-bar" height="98" width="0" x="260" style="fill: rgb(227, 119, 194);"/><rect class="right-bar" height="98" x="340" width="0" style="fill: rgb(31, 119, 180);"/><text class="shared" x="300" y="49" text-anchor="middle" style="color: black; font-size: 12px;">13-17</text></g></svg>
data:image/svg+xml,<svg preserveAspectRatio="xMidYMid" class="analytic-pyramide" width="600" height="600" viewBox="0 0 600 600"><defs><filter x="0" y="0" id="blurFilter"><feGaussianBlur in="SourceGraphic" stdDeviation="3"></feGaussianBlur></filter></defs><text class="label label-left" x="260" y="20" text-anchor="end" style="color: black; font-size: 15px;">Women</text><text class="label label-right" x="340" y="20" style="color: black; font-size: 15px;">Men</text><g class="bars" transform="translate(0,20)"><rect width="600" height="98" fill="none" pointer-events="all"></rect><rect class="left-bar" height="98" width="0" x="260" style="fill: #e377c2;"></rect><rect class="right-bar" height="98" x="340" width="2.05" style="fill: #1f77b4;"></rect><text class="shared" x="300" y="49" text-anchor="middle" style="color: black; font-size: 12px;">55+</text></g><g class="bars" transform="translate(0,116.66666666666666)"><rect width="600" height="98" fill="none" pointer-events="all"></rect><rect class="left-bar" height="98" width="2.05" x="257.95" style="fill: #e377c2;"></rect><rect class="right-bar" height="98" x="340" width="0" style="fill: #1f77b4;"></rect><text class="shared" x="300" y="49" text-anchor="middle" style="color: black; font-size: 12px;">45-54</text></g><g class="bars" transform="translate(0,213.33333333333331)"><rect width="600" height="98" fill="none" pointer-events="all"></rect><rect class="left-bar" height="98" width="0" x="260" style="fill: #e377c2;"></rect><rect class="right-bar" height="98" x="340" width="10.25" style="fill: #1f77b4;"></rect><text class="shared" x="300" y="49" text-anchor="middle" style="color: black; font-size: 12px;">35-44</text></g><g class="bars" transform="translate(0,310)"><rect width="600" height="98" fill="none" pointer-events="all"></rect><rect class="left-bar" height="98" width="77.9" x="182.10000000000002" style="fill: #e377c2;"></rect><rect class="right-bar" height="98" x="340" width="205" style="fill: #1f77b4;"></rect><text class="shared" x="300" y="49" text-anchor="middle" style="color: black; font-size: 12px;">26-34</text></g><g class="bars" transform="translate(0,406.66666666666663)"><rect width="600" height="98" fill="none" pointer-events="all"></rect><rect class="left-bar" height="98" width="10.25" x="249.75" style="fill: #e377c2;"></rect><rect class="right-bar" height="98" x="340" width="4.1" style="fill: #1f77b4;"></rect><text class="shared" x="300" y="49" text-anchor="middle" style="color: black; font-size: 12px;">18-25</text></g><g class="bars" transform="translate(0,503.33333333333337)"><rect width="600" height="98" fill="none" pointer-events="all"></rect><rect class="left-bar" height="98" width="0" x="260" style="fill: #e377c2;"></rect><rect class="right-bar" height="98" x="340" width="0" style="fill: #1f77b4;"></rect><text class="shared" x="300" y="49" text-anchor="middle" style="color: black; font-size: 12px;">13-17</text></g></svg>