minivlat-local-ua/public/images/stackedareachart-original.svg

<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" class="marks" width="733" height="469" viewBox="0 0 733 469"><rect width="733" height="469" fill="white"/><g fill="none" stroke-miterlimit="10" transform="translate(63,31)"><g class="mark-group role-frame root" role="graphics-object" aria-roledescription="group mark container"><g transform="translate(0,0)"><path class="background" aria-hidden="true" d="M0,0h600v400h-600Z"/><g><g class="mark-group role-axis" aria-hidden="true"><g transform="translate(0.5,400.5)"><path class="background" aria-hidden="true" d="M0,0h0v0h0Z" pointer-events="none"/><g><g class="mark-rule role-axis-grid" pointer-events="none"><line transform="translate(0,-400)" x2="0" y2="400" stroke="#ddd" stroke-opacity="0.5" stroke-width="1" opacity="1"/><line transform="translate(120,-400)" x2="0" y2="400" stroke="#ddd" stroke-opacity="0.5" stroke-width="1" opacity="1"/><line transform="translate(240,-400)" x2="0" y2="400" stroke="#ddd" stroke-opacity="0.5" stroke-width="1" opacity="1"/><line transform="translate(360,-400)" x2="0" y2="400" stroke="#ddd" stroke-opacity="0.5" stroke-width="1" opacity="1"/><line transform="translate(480,-400)" x2="0" y2="400" stroke="#ddd" stroke-opacity="0.5" stroke-width="1" opacity="1"/><line transform="translate(600,-400)" x2="0" y2="400" stroke="#ddd" stroke-opacity="0.5" stroke-width="1" opacity="1"/></g></g><path class="foreground" aria-hidden="true" d="" pointer-events="none" display="none"/></g></g><g class="mark-group role-axis" aria-hidden="true"><g transform="translate(0.5,0.5)"><path class="background" aria-hidden="true" d="M0,0h0v0h0Z" pointer-events="none"/><g><g class="mark-rule role-axis-grid" pointer-events="none"><line transform="translate(0,400)" x2="600" y2="0" stroke="#ddd" stroke-opacity="0.5" stroke-width="1" opacity="1"/><line transform="translate(0,350)" x2="600" y2="0" stroke="#ddd" stroke-opacity="0.5" stroke-width="1" opacity="1"/><line transform="translate(0,300)" x2="600" y2="0" stroke="#ddd" stroke-opacity="0.5" stroke-width="1" opacity="1"/><line transform="translate(0,250)" x2="600" y2="0" stroke="#ddd" stroke-opacity="0.5" stroke-width="1" opacity="1"/><line transform="translate(0,200)" x2="600" y2="0" stroke="#ddd" stroke-opacity="0.5" stroke-width="1" opacity="1"/><line transform="translate(0,150)" x2="600" y2="0" stroke="#ddd" stroke-opacity="0.5" stroke-width="1" opacity="1"/><line transform="translate(0,100)" x2="600" y2="0" stroke="#ddd" stroke-opacity="0.5" stroke-width="1" opacity="1"/><line transform="translate(0,50)" x2="600" y2="0" stroke="#ddd" stroke-opacity="0.5" stroke-width="1" opacity="1"/><line transform="translate(0,0)" x2="600" y2="0" stroke="#ddd" stroke-opacity="0.5" stroke-width="1" opacity="1"/></g></g><path class="foreground" aria-hidden="true" d="" pointer-events="none" display="none"/></g></g><g class="mark-group role-axis" role="graphics-symbol" aria-roledescription="axis" aria-label="X-axis titled 'Year' for a time scale with values from 2009 to 2014"><g transform="translate(0.5,400.5)"><path class="background" aria-hidden="true" d="M0,0h0v0h0Z" pointer-events="none"/><g><g class="mark-rule role-axis-tick" pointer-events="none"><line transform="translate(0,0)" x2="0" y2="5" stroke="#888" stroke-width="1" opacity="1"/><line transform="translate(120,0)" x2="0" y2="5" stroke="#888" stroke-width="1" opacity="1"/><line transform="translate(240,0)" x2="0" y2="5" stroke="#888" stroke-width="1" opacity="1"/><line transform="translate(360,0)" x2="0" y2="5" stroke="#888" stroke-width="1" opacity="1"/><line transform="translate(480,0)" x2="0" y2="5" stroke="#888" stroke-width="1" opacity="1"/><line transform="translate(600,0)" x2="0" y2="5" stroke="#888" stroke-width="1" opacity="1"/></g><g class="mark-text role-axis-label" pointer-events="none"><text text-anchor="start" transform="translate(0,16)" font-family="sans-serif" font-size="11px" fill="#000" opacity="1">2009</text><text text-anchor="middle" transform="translate(119.934282584885,16)" font-family="sans-serif" font-size="11px" fill="#000" opacity="1">2010</text><text text-anchor="middle" transform="translate(239.86856516977,16)" font-family="sans-serif" font-size="11px" fill="#000" opacity="1">2011</text><text text-anchor="middle" transform="translate(359.802847754655,16)" font-family="sans-serif" font-size="11px" fill="#000" opacity="1">2012</text><text text-anchor="middle" transform="translate(480.06571741511505,16)" font-family="sans-serif" font-size="11px" fill="#000" opacity="1">2013</text><text text-anchor="end" transform="translate(600,16)" font-family="sans-serif" font-size="11px" fill="#000" opacity="1">2014</text></g><g class="mark-rule role-axis-domain" pointer-events="none"><line transform="translate(0,0)" x2="600" y2="0" stroke="#888" stroke-width="1" opacity="1"/></g><g class="mark-text role-axis-title" pointer-events="none"><text text-anchor="middle" transform="translate(300,31)" font-family="sans-serif" font-size="12px" font-weight="bold" fill="#000" opacity="1">Year</text></g></g><path class="foreground" aria-hidden="true" d="" pointer-events="none" display="none"/></g></g><g class="mark-group role-axis" role="graphics-symbol" aria-roledescription="axis" aria-label="Y-axis titled 'Number of Girls' for a linear scale with values from 0 to 16,000"><g transform="translate(0.5,0.5)"><path class="background" aria-hidden="true" d="M0,0h0v0h0Z" pointer-events="none"/><g><g class="mark-rule role-axis-tick" pointer-events="none"><line transform="translate(0,400)" x2="-5" y2="0" stroke="#888" stroke-width="1" opacity="1"/><line transform="translate(0,350)" x2="-5" y2="0" stroke="#888" stroke-width="1" opacity="1"/><line transform="translate(0,300)" x2="-5" y2="0" stroke="#888" stroke-width="1" opacity="1"/><line transform="translate(0,250)" x2="-5" y2="0" stroke="#888" stroke-width="1" opacity="1"/><line transform="translate(0,200)" x2="-5" y2="0" stroke="#888" stroke-width="1" opacity="1"/><line transform="translate(0,150)" x2="-5" y2="0" stroke="#888" stroke-width="1" opacity="1"/><line transform="translate(0,100)" x2="-5" y2="0" stroke="#888" stroke-width="1" opacity="1"/><line transform="translate(0,50)" x2="-5" y2="0" stroke="#888" stroke-width="1" opacity="1"/><line transform="translate(0,0)" x2="-5" y2="0" stroke="#888" stroke-width="1" opacity="1"/></g><g class="mark-text role-axis-label" pointer-events="none"><text text-anchor="end" transform="translate(-7,403)" font-family="sans-serif" font-size="11px" fill="#000" opacity="1">0</text><text text-anchor="end" transform="translate(-7,353)" font-family="sans-serif" font-size="11px" fill="#000" opacity="1">2,000</text><text text-anchor="end" transform="translate(-7,303)" font-family="sans-serif" font-size="11px" fill="#000" opacity="1">4,000</text><text text-anchor="end" transform="translate(-7,253)" font-family="sans-serif" font-size="11px" fill="#000" opacity="1">6,000</text><text text-anchor="end" transform="translate(-7,203)" font-family="sans-serif" font-size="11px" fill="#000" opacity="1">8,000</text><text text-anchor="end" transform="translate(-7,153)" font-family="sans-serif" font-size="11px" fill="#000" opacity="1">10,000</text><text text-anchor="end" transform="translate(-7,103)" font-family="sans-serif" font-size="11px" fill="#000" opacity="1">12,000</text><text text-anchor="end" transform="translate(-7,53)" font-family="sans-serif" font-size="11px" fill="#000" opacity="1">14,000</text><text text-anchor="end" transform="translate(-7,3)" font-family="sans-serif" font-size="11px" fill="#000" opacity="1">16,000</text></g><g class="mark-rule role-axis-domain" pointer-events="none"><line transform="translate(0,400)" x2="0" y2="-400" stroke="#888" stroke-width="1" opacity="1"/></g><g class="mark-text role-axis-title" pointer-events="none"><text text-anchor="middle" transform="translate(-44.64453125,200) rotate(-90) translate(0,-3)" font-family="sans-serif" font-size="12px" font-weight="bold" fill="#000" opacity="1">Number of Girls</text></g></g><path class="foreground" aria-hidden="true" d="" pointer-events="none" display="none"/></g></g><g class="mark-group role-scope layer_0_pathgroup" role="graphics-object" aria-roledescription="group mark container"><g transform="translate(0,0)"><path class="background" aria-hidden="true" d="M0,0h600v400h-600Z"/><g><g class="mark-area role-mark layer_0_marks" role="graphics-object" aria-roledescription="area mark container"><path aria-label="Year (year): 2009; value: 3625; name: Amelia; order: 1" role="graphics-symbol" aria-roledescription="area mark" d="M0,309.375L119.934,294.325L239.869,273.65L359.803,223.475L480.066,260.75L600,266.825L600,400L480.066,400L359.803,400L239.869,400L119.934,400L0,400Z" fill="#3182bd" opacity="0.7"/></g></g><path class="foreground" aria-hidden="true" d="" display="none"/></g><g transform="translate(0,0)"><path class="background" aria-hidden="true" d="M0,0h600v400h-600Z"/><g><g class="mark-area role-mark layer_0_marks" role="graphics-object" aria-roledescription="area mark container"><path aria-label="Year (year): 2009; value: 1908; name: Isla; order: 2" role="graphics-symbol" aria-roledescription="area mark" d="M0,261.675L119.934,234.725L239.869,202.425L359.803,135.95L480.066,172.6L600,166.525L600,266.825L480.066,260.75L359.803,223.475L239.869,273.65L119.934,294.325L0,309.375Z" fill="#9ecae1" opacity="0.7"/></g></g><path class="foreground" aria-hidden="true" d="" display="none"/></g><g transform="translate(0,0)"><path class="background" aria-hidden="true" d="M0,0h600v400h-600Z"/><g><g class="mark-area role-mark layer_0_marks" role="graphics-object" aria-roledescription="area mark container"><path aria-label="Year (year): 2009; value: 5201; name: Olivia; order: 3" role="graphics-symbol" aria-roledescription="area mark" d="M0,131.65L119.934,102.75L239.869,78.975L359.803,21.325L480.066,57.65L600,48.425L600,166.525L480.066,172.6L359.803,135.95L239.869,202.425L119.934,234.725L0,261.675Z" fill="#deebf7" opacity="0.7"/></g></g><path class="foreground" aria-hidden="true" d="" display="none"/></g></g><g class="mark-group role-legend" role="graphics-symbol" aria-roledescription="legend" aria-label="Symbol legend for fill color with 3 values: Amelia, Isla, Olivia"><g transform="translate(618,0)"><path class="background" aria-hidden="true" d="M0,0h47v37h-47Z" pointer-events="none"/><g><g class="mark-group role-legend-entry"><g transform="translate(0,0)"><path class="background" aria-hidden="true" d="M0,0h0v0h0Z" pointer-events="none"/><g><g class="mark-group role-scope" role="graphics-object" aria-roledescription="group mark container"><g transform="translate(0,0)"><path class="background" aria-hidden="true" d="M0,0h46.56640625v11h-46.56640625Z" pointer-events="none" opacity="1"/><g><g class="mark-symbol role-legend-symbol" pointer-events="none"><path transform="translate(6,6)" d="M5,0A5,5,0,1,1,-5,0A5,5,0,1,1,5,0" fill="#3182bd" stroke-width="1.5" opacity="0.7"/></g><g class="mark-text role-legend-label" pointer-events="none"><text text-anchor="start" transform="translate(16,9)" font-family="sans-serif" font-size="10px" fill="#000" opacity="1">Amelia</text></g></g><path class="foreground" aria-hidden="true" d="" pointer-events="none" display="none"/></g><g transform="translate(0,13)"><path class="background" aria-hidden="true" d="M0,0h46.56640625v11h-46.56640625Z" pointer-events="none" opacity="1"/><g><g class="mark-symbol role-legend-symbol" pointer-events="none"><path transform="translate(6,6)" d="M5,0A5,5,0,1,1,-5,0A5,5,0,1,1,5,0" fill="#9ecae1" stroke-width="1.5" opacity="0.7"/></g><g class="mark-text role-legend-label" pointer-events="none"><text text-anchor="start" transform="translate(16,9)" font-family="sans-serif" font-size="10px" fill="#000" opacity="1">Isla</text></g></g><path class="foreground" aria-hidden="true" d="" pointer-events="none" display="none"/></g><g transform="translate(0,26)"><path class="background" aria-hidden="true" d="M0,0h46.56640625v11h-46.56640625Z" pointer-events="none" opacity="1"/><g><g class="mark-symbol role-legend-symbol" pointer-events="none"><path transform="translate(6,6)" d="M5,0A5,5,0,1,1,-5,0A5,5,0,1,1,5,0" fill="#deebf7" stroke-width="1.5" opacity="0.7"/></g><g class="mark-text role-legend-label" pointer-events="none"><text text-anchor="start" transform="translate(16,9)" font-family="sans-serif" font-size="10px" fill="#000" opacity="1">Olivia</text></g></g><path class="foreground" aria-hidden="true" d="" pointer-events="none" display="none"/></g></g></g><path class="foreground" aria-hidden="true" d="" pointer-events="none" display="none"/></g></g></g><path class="foreground" aria-hidden="true" d="" pointer-events="none" display="none"/></g></g><g class="mark-group role-title"><g transform="translate(300,-26)"><path class="background" aria-hidden="true" d="M0,0h0v0h0Z" pointer-events="none"/><g><g class="mark-text role-title-text" role="graphics-symbol" aria-roledescription="title" aria-label="Title text 'Popular Girls' names in the UK'" pointer-events="none"><text text-anchor="middle" transform="translate(0,13)" font-family="sans-serif" font-size="16px" font-weight="bold" fill="#000" opacity="1">Popular Girls' names in the UK</text></g></g><path class="foreground" aria-hidden="true" d="" pointer-events="none" display="none"/></g></g></g><path class="foreground" aria-hidden="true" d="" display="none"/></g></g></g></svg>