stacked-bar.svg

<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" class="marks" width="352" height="242" viewBox="0 0 352 242"><rect width="352" height="242" fill="white"/><g fill="none" stroke-miterlimit="10" transform="translate(44,5)"><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.5,0.5h240v200h-240Z" stroke="#ddd"/><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,200)" x2="240" y2="0" stroke="#ddd" stroke-width="1" opacity="1"/><line transform="translate(0,169)" x2="240" y2="0" stroke="#ddd" stroke-width="1" opacity="1"/><line transform="translate(0,138)" x2="240" y2="0" stroke="#ddd" stroke-width="1" opacity="1"/><line transform="translate(0,108)" x2="240" y2="0" stroke="#ddd" stroke-width="1" opacity="1"/><line transform="translate(0,77)" x2="240" y2="0" stroke="#ddd" stroke-width="1" opacity="1"/><line transform="translate(0,46)" x2="240" y2="0" stroke="#ddd" stroke-width="1" opacity="1"/><line transform="translate(0,15)" x2="240" y2="0" stroke="#ddd" 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 'date (month)' for a discrete scale with 12 values: January, February, March, April, May, ending with December"><g transform="translate(0.5,200.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(10,0)" x2="0" y2="5" stroke="#888" stroke-width="1" opacity="1"/><line transform="translate(30,0)" x2="0" y2="5" stroke="#888" stroke-width="1" opacity="1"/><line transform="translate(50,0)" x2="0" y2="5" stroke="#888" stroke-width="1" opacity="1"/><line transform="translate(70,0)" x2="0" y2="5" stroke="#888" stroke-width="1" opacity="1"/><line transform="translate(90,0)" x2="0" y2="5" stroke="#888" stroke-width="1" opacity="1"/><line transform="translate(110,0)" x2="0" y2="5" stroke="#888" stroke-width="1" opacity="1"/><line transform="translate(130,0)" x2="0" y2="5" stroke="#888" stroke-width="1" opacity="1"/><line transform="translate(150,0)" x2="0" y2="5" stroke="#888" stroke-width="1" opacity="1"/><line transform="translate(170,0)" x2="0" y2="5" stroke="#888" stroke-width="1" opacity="1"/><line transform="translate(190,0)" x2="0" y2="5" stroke="#888" stroke-width="1" opacity="1"/><line transform="translate(210,0)" x2="0" y2="5" stroke="#888" stroke-width="1" opacity="1"/><line transform="translate(230,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="middle" transform="translate(9.5,15)" font-family="sans-serif" font-size="10px" fill="#000" opacity="1">Jan</text><text text-anchor="middle" transform="translate(29.5,15)" font-family="sans-serif" font-size="10px" fill="#000" opacity="1">Feb</text><text text-anchor="middle" transform="translate(49.5,15)" font-family="sans-serif" font-size="10px" fill="#000" opacity="1">Mar</text><text text-anchor="middle" transform="translate(69.5,15)" font-family="sans-serif" font-size="10px" fill="#000" opacity="1">Apr</text><text text-anchor="middle" transform="translate(89.5,15)" font-family="sans-serif" font-size="10px" fill="#000" opacity="1">May</text><text text-anchor="middle" transform="translate(109.5,15)" font-family="sans-serif" font-size="10px" fill="#000" opacity="1">Jun</text><text text-anchor="middle" transform="translate(129.5,15)" font-family="sans-serif" font-size="10px" fill="#000" opacity="1">Jul</text><text text-anchor="middle" transform="translate(149.5,15)" font-family="sans-serif" font-size="10px" fill="#000" opacity="1">Aug</text><text text-anchor="middle" transform="translate(169.5,15)" font-family="sans-serif" font-size="10px" fill="#000" opacity="1">Sep</text><text text-anchor="middle" transform="translate(189.5,15)" font-family="sans-serif" font-size="10px" fill="#000" opacity="1">Oct</text><text text-anchor="middle" transform="translate(209.5,15)" font-family="sans-serif" font-size="10px" fill="#000" opacity="1">Nov</text><text text-anchor="middle" transform="translate(229.5,15)" font-family="sans-serif" font-size="10px" fill="#000" opacity="1">Dec</text></g><g class="mark-rule role-axis-domain" pointer-events="none"><line transform="translate(0,0)" x2="240" 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(120,30)" font-family="sans-serif" font-size="11px" font-weight="bold" fill="#000" opacity="1">date (month)</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 'Count of Records' for a linear scale with values from 0 to 130"><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,200)" x2="-5" y2="0" stroke="#888" stroke-width="1" opacity="1"/><line transform="translate(0,169)" x2="-5" y2="0" stroke="#888" stroke-width="1" opacity="1"/><line transform="translate(0,138)" x2="-5" y2="0" stroke="#888" stroke-width="1" opacity="1"/><line transform="translate(0,108)" x2="-5" y2="0" stroke="#888" stroke-width="1" opacity="1"/><line transform="translate(0,77)" x2="-5" y2="0" stroke="#888" stroke-width="1" opacity="1"/><line transform="translate(0,46)" x2="-5" y2="0" stroke="#888" stroke-width="1" opacity="1"/><line transform="translate(0,15)" 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,203)" font-family="sans-serif" font-size="10px" fill="#000" opacity="1">0</text><text text-anchor="end" transform="translate(-7,172.23076923076923)" font-family="sans-serif" font-size="10px" fill="#000" opacity="1">20</text><text text-anchor="end" transform="translate(-7,141.46153846153845)" font-family="sans-serif" font-size="10px" fill="#000" opacity="1">40</text><text text-anchor="end" transform="translate(-7,110.6923076923077)" font-family="sans-serif" font-size="10px" fill="#000" opacity="1">60</text><text text-anchor="end" transform="translate(-7,79.92307692307692)" font-family="sans-serif" font-size="10px" fill="#000" opacity="1">80</text><text text-anchor="end" transform="translate(-7,49.153846153846146)" font-family="sans-serif" font-size="10px" fill="#000" opacity="1">100</text><text text-anchor="end" transform="translate(-7,18.384615384615373)" font-family="sans-serif" font-size="10px" fill="#000" opacity="1">120</text></g><g class="mark-rule role-axis-domain" pointer-events="none"><line transform="translate(0,200)" x2="0" y2="-200" stroke="#888" stroke-width="1" opacity="1"/></g><g class="mark-text role-axis-title" pointer-events="none"><text text-anchor="middle" transform="translate(-27.6845703125,100) rotate(-90) translate(0,-2)" font-family="sans-serif" font-size="11px" font-weight="bold" fill="#000" opacity="1">Count of Records</text></g></g><path class="foreground" aria-hidden="true" d="" pointer-events="none" display="none"/></g></g><g class="mark-rect role-mark marks" role="graphics-object" aria-roledescription="rect mark container"><path aria-label="date (month): Dec; Count of Records: 3; weather: drizzle" role="graphics-symbol" aria-roledescription="bar" d="M221,9.23076923076922h18v4.615384615384622h-18Z" fill="#4c78a8"/><path aria-label="date (month): Jan; Count of Records: 65; weather: rain" role="graphics-symbol" aria-roledescription="bar" d="M1,49.23076923076923h18v100h-18Z" fill="#e45756"/><path aria-label="date (month): Jan; Count of Records: 25; weather: sun" role="graphics-symbol" aria-roledescription="bar" d="M1,161.53846153846155h18v38.46153846153845h-18Z" fill="#54a24b"/><path aria-label="date (month): Jan; Count of Records: 8; weather: snow" role="graphics-symbol" aria-roledescription="bar" d="M1,149.23076923076923h18v12.30769230769232h-18Z" fill="#72b7b2"/><path aria-label="date (month): Jan; Count of Records: 9; weather: drizzle" role="graphics-symbol" aria-roledescription="bar" d="M1,9.23076923076922h18v13.846153846153864h-18Z" fill="#4c78a8"/><path aria-label="date (month): Feb; Count of Records: 29; weather: sun" role="graphics-symbol" aria-roledescription="bar" d="M21,155.3846153846154h18v44.61538461538461h-18Z" fill="#54a24b"/><path aria-label="date (month): Feb; Count of Records: 73; weather: rain" role="graphics-symbol" aria-roledescription="bar" d="M21,36.92307692307693h18v112.30769230769229h-18Z" fill="#e45756"/><path aria-label="date (month): Feb; Count of Records: 4; weather: drizzle" role="graphics-symbol" aria-roledescription="bar" d="M21,26.15384615384615h18v6.153846153846157h-18Z" fill="#4c78a8"/><path aria-label="date (month): Feb; Count of Records: 4; weather: snow" role="graphics-symbol" aria-roledescription="bar" d="M21,149.23076923076923h18v6.15384615384616h-18Z" fill="#72b7b2"/><path aria-label="date (month): Mar; Count of Records: 73; weather: rain" role="graphics-symbol" aria-roledescription="bar" d="M41,23.076923076923084h18v112.3076923076923h-18Z" fill="#e45756"/><path aria-label="date (month): Mar; Count of Records: 36; weather: sun" role="graphics-symbol" aria-roledescription="bar" d="M41,144.6153846153846h18v55.38461538461539h-18Z" fill="#54a24b"/><path aria-label="date (month): Mar; Count of Records: 6; weather: snow" role="graphics-symbol" aria-roledescription="bar" d="M41,135.3846153846154h18v9.230769230769226h-18Z" fill="#72b7b2"/><path aria-label="date (month): Mar; Count of Records: 3; weather: drizzle" role="graphics-symbol" aria-roledescription="bar" d="M41,9.23076923076922h18v4.615384615384622h-18Z" fill="#4c78a8"/><path aria-label="date (month): Apr; Count of Records: 53; weather: sun" role="graphics-symbol" aria-roledescription="bar" d="M61,118.46153846153847h18v81.53846153846153h-18Z" fill="#54a24b"/><path aria-label="date (month): Apr; Count of Records: 60; weather: rain" role="graphics-symbol" aria-roledescription="bar" d="M61,24.615384615384617h18v92.30769230769229h-18Z" fill="#e45756"/><path aria-label="date (month): Apr; Count of Records: 1; weather: snow" role="graphics-symbol" aria-roledescription="bar" d="M61,116.9230769230769h18v1.5384615384615614h-18Z" fill="#72b7b2"/><path aria-label="date (month): Apr; Count of Records: 3; weather: drizzle" role="graphics-symbol" aria-roledescription="bar" d="M61,15.384615384615374h18v4.615384615384622h-18Z" fill="#4c78a8"/><path aria-label="date (month): May; Count of Records: 41; weather: rain" role="graphics-symbol" aria-roledescription="bar" d="M81,18.461538461538463h18v63.076923076923066h-18Z" fill="#e45756"/><path aria-label="date (month): May; Count of Records: 77; weather: sun" role="graphics-symbol" aria-roledescription="bar" d="M81,81.53846153846153h18v118.46153846153847h-18Z" fill="#54a24b"/><path aria-label="date (month): May; Count of Records: 1; weather: drizzle" role="graphics-symbol" aria-roledescription="bar" d="M81,9.23076923076922h18v1.538461538461556h-18Z" fill="#4c78a8"/><path aria-label="date (month): Jun; Count of Records: 41; weather: rain" role="graphics-symbol" aria-roledescription="bar" d="M101,19.999999999999996h18v63.076923076923066h-18Z" fill="#e45756"/><path aria-label="date (month): Jun; Count of Records: 76; weather: sun" role="graphics-symbol" aria-roledescription="bar" d="M101,83.07692307692307h18v116.92307692307693h-18Z" fill="#54a24b"/><path aria-label="date (month): Jun; Count of Records: 2; weather: drizzle" role="graphics-symbol" aria-roledescription="bar" d="M101,15.384615384615374h18v3.076923076923089h-18Z" fill="#4c78a8"/><path aria-label="date (month): Jul; Count of Records: 15; weather: rain" role="graphics-symbol" aria-roledescription="bar" d="M121,38.46153846153846h18v23.07692307692308h-18Z" fill="#e45756"/><path aria-label="date (month): Jul; Count of Records: 90; weather: sun" role="graphics-symbol" aria-roledescription="bar" d="M121,61.53846153846154h18v138.46153846153845h-18Z" fill="#54a24b"/><path aria-label="date (month): Jul; Count of Records: 9; weather: drizzle" role="graphics-symbol" aria-roledescription="bar" d="M121,9.23076923076922h18v13.846153846153864h-18Z" fill="#4c78a8"/><path aria-label="date (month): Jul; Count of Records: 10; weather: fog" role="graphics-symbol" aria-roledescription="bar" d="M121,23.076923076923084h18v15.384615384615376h-18Z" fill="#f58518"/><path aria-label="date (month): Aug; Count of Records: 86; weather: sun" role="graphics-symbol" aria-roledescription="bar" d="M141,67.6923076923077h18v132.30769230769232h-18Z" fill="#54a24b"/><path aria-label="date (month): Aug; Count of Records: 25; weather: rain" role="graphics-symbol" aria-roledescription="bar" d="M141,29.230769230769237h18v38.46153846153845h-18Z" fill="#e45756"/><path aria-label="date (month): Aug; Count of Records: 7; weather: drizzle" role="graphics-symbol" aria-roledescription="bar" d="M141,9.23076923076922h18v10.769230769230777h-18Z" fill="#4c78a8"/><path aria-label="date (month): Sep; Count of Records: 64; weather: sun" role="graphics-symbol" aria-roledescription="bar" d="M161,101.53846153846153h18v98.46153846153847h-18Z" fill="#54a24b"/><path aria-label="date (month): Sep; Count of Records: 36; weather: rain" role="graphics-symbol" aria-roledescription="bar" d="M161,46.153846153846146h18v55.38461538461539h-18Z" fill="#e45756"/><path aria-label="date (month): Sep; Count of Records: 15; weather: fog" role="graphics-symbol" aria-roledescription="bar" d="M161,23.076923076923084h18v23.076923076923062h-18Z" fill="#f58518"/><path aria-label="date (month): Sep; Count of Records: 5; weather: drizzle" role="graphics-symbol" aria-roledescription="bar" d="M161,15.384615384615374h18v7.692307692307709h-18Z" fill="#4c78a8"/><path aria-label="date (month): Oct; Count of Records: 37; weather: sun" role="graphics-symbol" aria-roledescription="bar" d="M181,143.07692307692307h18v56.923076923076934h-18Z" fill="#54a24b"/><path aria-label="date (month): Oct; Count of Records: 4; weather: drizzle" role="graphics-symbol" aria-roledescription="bar" d="M181,9.23076923076922h18v6.153846153846155h-18Z" fill="#4c78a8"/><path aria-label="date (month): Oct; Count of Records: 64; weather: rain" role="graphics-symbol" aria-roledescription="bar" d="M181,44.61538461538461h18v98.46153846153845h-18Z" fill="#e45756"/><path aria-label="date (month): Nov; Count of Records: 75; weather: rain" role="graphics-symbol" aria-roledescription="bar" d="M201,32.30769230769231h18v115.3846153846154h-18Z" fill="#e45756"/><path aria-label="date (month): Nov; Count of Records: 33; weather: sun" role="graphics-symbol" aria-roledescription="bar" d="M201,149.23076923076923h18v50.769230769230774h-18Z" fill="#54a24b"/><path aria-label="date (month): Nov; Count of Records: 3; weather: drizzle" role="graphics-symbol" aria-roledescription="bar" d="M201,15.384615384615374h18v4.615384615384622h-18Z" fill="#4c78a8"/><path aria-label="date (month): Nov; Count of Records: 8; weather: fog" role="graphics-symbol" aria-roledescription="bar" d="M201,19.999999999999996h18v12.30769230769231h-18Z" fill="#f58518"/><path aria-label="date (month): Dec; Count of Records: 73; weather: rain" role="graphics-symbol" aria-roledescription="bar" d="M221,26.15384615384615h18v112.3076923076923h-18Z" fill="#e45756"/><path aria-label="date (month): Dec; Count of Records: 34; weather: sun" role="graphics-symbol" aria-roledescription="bar" d="M221,147.6923076923077h18v52.30769230769229h-18Z" fill="#54a24b"/><path aria-label="date (month): Dec; Count of Records: 6; weather: snow" role="graphics-symbol" aria-roledescription="bar" d="M221,138.46153846153845h18v9.230769230769255h-18Z" fill="#72b7b2"/><path aria-label="date (month): Mar; Count of Records: 6; weather: fog" role="graphics-symbol" aria-roledescription="bar" d="M41,13.846153846153841h18v9.230769230769242h-18Z" fill="#f58518"/><path aria-label="date (month): Apr; Count of Records: 3; weather: fog" role="graphics-symbol" aria-roledescription="bar" d="M61,19.999999999999996h18v4.61538461538462h-18Z" fill="#f58518"/><path aria-label="date (month): May; Count of Records: 5; weather: fog" role="graphics-symbol" aria-roledescription="bar" d="M81,10.769230769230775h18v7.692307692307688h-18Z" fill="#f58518"/><path aria-label="date (month): Aug; Count of Records: 6; weather: fog" role="graphics-symbol" aria-roledescription="bar" d="M141,19.999999999999996h18v9.23076923076924h-18Z" fill="#f58518"/><path aria-label="date (month): Oct; Count of Records: 19; weather: fog" role="graphics-symbol" aria-roledescription="bar" d="M181,15.384615384615374h18v29.23076923076924h-18Z" fill="#f58518"/><path aria-label="date (month): Jan; Count of Records: 17; weather: fog" role="graphics-symbol" aria-roledescription="bar" d="M1,23.076923076923084h18v26.15384615384615h-18Z" fill="#f58518"/><path aria-label="date (month): Nov; Count of Records: 1; weather: snow" role="graphics-symbol" aria-roledescription="bar" d="M201,147.6923076923077h18v1.5384615384615188h-18Z" fill="#72b7b2"/><path aria-label="date (month): Dec; Count of Records: 8; weather: fog" role="graphics-symbol" aria-roledescription="bar" d="M221,13.846153846153841h18v12.307692307692308h-18Z" fill="#f58518"/><path aria-label="date (month): Feb; Count of Records: 3; weather: fog" role="graphics-symbol" aria-roledescription="bar" d="M21,32.30769230769231h18v4.61538461538462h-18Z" fill="#f58518"/><path aria-label="date (month): Jun; Count of Records: 1; weather: fog" role="graphics-symbol" aria-roledescription="bar" d="M101,18.461538461538463h18v1.538461538461533h-18Z" fill="#f58518"/></g><g class="mark-group role-legend" role="graphics-symbol" aria-roledescription="legend" aria-label="Symbol legend titled 'weather' for fill color with 5 values: drizzle, fog, rain, snow, sun"><g transform="translate(258,0)"><path class="background" aria-hidden="true" d="M0,0h45v79h-45Z" pointer-events="none"/><g><g class="mark-group role-legend-entry"><g transform="translate(0,16)"><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,0h44.896484375v11h-44.896484375Z" pointer-events="none" opacity="1"/><g><g class="mark-symbol role-legend-symbol" pointer-events="none"><path transform="translate(6,6)" d="M-5,-5h10v10h-10Z" fill="#4c78a8" stroke-width="1.5" opacity="1"/></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">drizzle</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,0h44.896484375v11h-44.896484375Z" pointer-events="none" opacity="1"/><g><g class="mark-symbol role-legend-symbol" pointer-events="none"><path transform="translate(6,6)" d="M-5,-5h10v10h-10Z" fill="#f58518" stroke-width="1.5" opacity="1"/></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">fog</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,0h44.896484375v11h-44.896484375Z" pointer-events="none" opacity="1"/><g><g class="mark-symbol role-legend-symbol" pointer-events="none"><path transform="translate(6,6)" d="M-5,-5h10v10h-10Z" fill="#e45756" stroke-width="1.5" opacity="1"/></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">rain</text></g></g><path class="foreground" aria-hidden="true" d="" pointer-events="none" display="none"/></g><g transform="translate(0,39)"><path class="background" aria-hidden="true" d="M0,0h44.896484375v11h-44.896484375Z" pointer-events="none" opacity="1"/><g><g class="mark-symbol role-legend-symbol" pointer-events="none"><path transform="translate(6,6)" d="M-5,-5h10v10h-10Z" fill="#72b7b2" stroke-width="1.5" opacity="1"/></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">snow</text></g></g><path class="foreground" aria-hidden="true" d="" pointer-events="none" display="none"/></g><g transform="translate(0,52)"><path class="background" aria-hidden="true" d="M0,0h44.896484375v11h-44.896484375Z" pointer-events="none" opacity="1"/><g><g class="mark-symbol role-legend-symbol" pointer-events="none"><path transform="translate(6,6)" d="M-5,-5h10v10h-10Z" fill="#54a24b" stroke-width="1.5" opacity="1"/></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">sun</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 class="mark-text role-legend-title" pointer-events="none"><text text-anchor="start" transform="translate(0,9)" font-family="sans-serif" font-size="11px" font-weight="bold" fill="#000" opacity="1">weather</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>