examples/compiled/bar_binned_yearmonth_grouped.svg

<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" class="marks" width="318" height="247" viewBox="0 0 318 247"><rect width="318" height="247" fill="white"/><g fill="none" stroke-miterlimit="10" transform="translate(47,10)"><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.5h200v200h-200Z" stroke="#ddd"/><g><g class="mark-group role-axis" aria-hidden="true"><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-grid" pointer-events="none"><line transform="translate(34,-200)" x2="0" y2="200" stroke="#ddd" stroke-width="1" opacity="1"/><line transform="translate(103,-200)" x2="0" y2="200" stroke="#ddd" stroke-width="1" opacity="1"/><line transform="translate(166,-200)" x2="0" y2="200" 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" 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="200" y2="0" stroke="#ddd" stroke-width="1" opacity="1"/><line transform="translate(0,150)" x2="200" y2="0" stroke="#ddd" stroke-width="1" opacity="1"/><line transform="translate(0,100)" x2="200" y2="0" stroke="#ddd" stroke-width="1" opacity="1"/><line transform="translate(0,50)" x2="200" y2="0" stroke="#ddd" stroke-width="1" opacity="1"/><line transform="translate(0,0)" x2="200" 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' for a time scale with values from December 2004 to March 2005"><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(34,0)" x2="0" y2="5" stroke="#888" stroke-width="1" opacity="1"/><line transform="translate(103,0)" x2="0" y2="5" stroke="#888" stroke-width="1" opacity="1"/><line transform="translate(166,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(34.44444444444444,15)" font-family="sans-serif" font-size="10px" fill="#000" opacity="1">Jan 2005</text><text text-anchor="middle" transform="translate(103.33333333333334,15)" font-family="sans-serif" font-size="10px" fill="#000" opacity="1">Feb 2005</text><text text-anchor="middle" transform="translate(165.55555555555554,15)" font-family="sans-serif" font-size="10px" fill="#000" opacity="1">Mar 2005</text></g><g class="mark-rule role-axis-domain" pointer-events="none"><line transform="translate(0,0)" x2="200" 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(100,30)" font-family="sans-serif" font-size="11px" font-weight="bold" fill="#000" opacity="1">date</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 'price' for a linear scale with values from 0 to 200"><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,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,203)" font-family="sans-serif" font-size="10px" fill="#000" opacity="1">0</text><text text-anchor="end" transform="translate(-7,153)" font-family="sans-serif" font-size="10px" fill="#000" opacity="1">50</text><text text-anchor="end" transform="translate(-7,103)" font-family="sans-serif" font-size="10px" fill="#000" opacity="1">100</text><text text-anchor="end" transform="translate(-7,53)" font-family="sans-serif" font-size="10px" fill="#000" opacity="1">150</text><text text-anchor="end" transform="translate(-7,3)" font-family="sans-serif" font-size="10px" fill="#000" opacity="1">200</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(-30.0869140625,100) rotate(-90) translate(0,-2)" font-family="sans-serif" font-size="11px" font-weight="bold" fill="#000" opacity="1">price</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: Jan 2005; price: 24.11; symbol: MSFT" role="graphics-symbol" aria-roledescription="bar" d="M50.97777777777773,175.89000000000001h11.02222222222219v24.109999999999985h-11.02222222222219Z" fill="#54a24b"/><path aria-label="date: Feb 2005; price: 23.15; symbol: MSFT" role="graphics-symbol" aria-roledescription="bar" d="M119.86666666666663,176.85h11.02222222222219v23.150000000000006h-11.02222222222219Z" fill="#54a24b"/><path aria-label="date: Mar 2005; price: 22.24; symbol: MSFT" role="graphics-symbol" aria-roledescription="bar" d="M182.08888888888882,177.76000000000002h11.02222222222219v22.23999999999998h-11.02222222222219Z" fill="#54a24b"/><path aria-label="date: Jan 2005; price: 43.22; symbol: AMZN" role="graphics-symbol" aria-roledescription="bar" d="M17.911111111111158,156.78h11.02222222222219v43.22h-11.02222222222219Z" fill="#f58518"/><path aria-label="date: Feb 2005; price: 35.18; symbol: AMZN" role="graphics-symbol" aria-roledescription="bar" d="M86.80000000000007,164.82000000000002h11.02222222222219v35.17999999999998h-11.02222222222219Z" fill="#f58518"/><path aria-label="date: Mar 2005; price: 34.27; symbol: AMZN" role="graphics-symbol" aria-roledescription="bar" d="M149.02222222222227,165.73h11.02222222222219v34.27000000000001h-11.02222222222219Z" fill="#f58518"/><path aria-label="date: Jan 2005; price: 86.39; symbol: IBM" role="graphics-symbol" aria-roledescription="bar" d="M39.955555555555534,113.60999999999999h11.02222222222219v86.39000000000001h-11.02222222222219Z" fill="#72b7b2"/><path aria-label="date: Feb 2005; price: 85.78; symbol: IBM" role="graphics-symbol" aria-roledescription="bar" d="M108.84444444444443,114.21999999999998h11.02222222222219v85.78000000000002h-11.02222222222219Z" fill="#72b7b2"/><path aria-label="date: Mar 2005; price: 84.66; symbol: IBM" role="graphics-symbol" aria-roledescription="bar" d="M171.06666666666663,115.34h11.02222222222219v84.66h-11.02222222222219Z" fill="#72b7b2"/><path aria-label="date: Jan 2005; price: 195.62; symbol: GOOG" role="graphics-symbol" aria-roledescription="bar" d="M28.933333333333348,4.380000000000006h11.02222222222219v195.62h-11.02222222222219Z" fill="#e45756"/><path aria-label="date: Feb 2005; price: 187.99; symbol: GOOG" role="graphics-symbol" aria-roledescription="bar" d="M97.82222222222225,12.009999999999987h11.02222222222219v187.99h-11.02222222222219Z" fill="#e45756"/><path aria-label="date: Mar 2005; price: 180.51; symbol: GOOG" role="graphics-symbol" aria-roledescription="bar" d="M160.04444444444445,19.49000000000001h11.02222222222219v180.51h-11.02222222222219Z" fill="#e45756"/><path aria-label="date: Jan 2005; price: 38.45; symbol: AAPL" role="graphics-symbol" aria-roledescription="bar" d="M6.888888888888967,161.54999999999998h11.02222222222219v38.45000000000002h-11.02222222222219Z" fill="#4c78a8"/><path aria-label="date: Feb 2005; price: 44.86; symbol: AAPL" role="graphics-symbol" aria-roledescription="bar" d="M75.77777777777787,155.14000000000001h11.02222222222219v44.859999999999985h-11.02222222222219Z" fill="#4c78a8"/><path aria-label="date: Mar 2005; price: 41.67; symbol: AAPL" role="graphics-symbol" aria-roledescription="bar" d="M138.00000000000009,158.32999999999998h11.02222222222219v41.670000000000016h-11.02222222222219Z" fill="#4c78a8"/></g><g class="mark-group role-legend" role="graphics-symbol" aria-roledescription="legend" aria-label="Symbol legend titled 'symbol' for fill color with 5 values: AAPL, AMZN, GOOG, IBM, MSFT"><g transform="translate(218,0)"><path class="background" aria-hidden="true" d="M0,0h48v79h-48Z" 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,0h47.240234375v11h-47.240234375Z" 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">AAPL</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,0h47.240234375v11h-47.240234375Z" 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">AMZN</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,0h47.240234375v11h-47.240234375Z" 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">GOOG</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,0h47.240234375v11h-47.240234375Z" 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">IBM</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,0h47.240234375v11h-47.240234375Z" 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">MSFT</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">symbol</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>