examples/compiled/interactive_histogram_full_height_hover.svg

<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" class="marks" width="260" height="247" viewBox="0 0 260 247"><rect width="260" height="247" fill="white"/><g fill="none" stroke-miterlimit="10" transform="translate(54,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,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,160)" x2="200" y2="0" stroke="#ddd" stroke-width="1" opacity="1"/><line transform="translate(0,120)" x2="200" y2="0" stroke="#ddd" stroke-width="1" opacity="1"/><line transform="translate(0,80)" x2="200" y2="0" stroke="#ddd" stroke-width="1" opacity="1"/><line transform="translate(0,40)" 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 'IMDB Rating (binned)' for a linear scale with values from 1 to 10"><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(0,0)" x2="0" y2="5" stroke="#888" stroke-width="1" opacity="1"/><line transform="translate(22,0)" x2="0" y2="5" stroke="#888" stroke-width="1" opacity="1"/><line transform="translate(44,0)" x2="0" y2="5" stroke="#888" stroke-width="1" opacity="1"/><line transform="translate(67,0)" x2="0" y2="5" stroke="#888" stroke-width="1" opacity="1"/><line transform="translate(89,0)" x2="0" y2="5" stroke="#888" stroke-width="1" opacity="1"/><line transform="translate(111,0)" x2="0" y2="5" stroke="#888" stroke-width="1" opacity="1"/><line transform="translate(133,0)" x2="0" y2="5" stroke="#888" stroke-width="1" opacity="1"/><line transform="translate(156,0)" x2="0" y2="5" stroke="#888" stroke-width="1" opacity="1"/><line transform="translate(178,0)" x2="0" y2="5" stroke="#888" stroke-width="1" opacity="1"/><line transform="translate(200,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,15)" font-family="sans-serif" font-size="10px" fill="#000" opacity="1">1.0</text><text text-anchor="middle" transform="translate(22.22222222222222,15)" font-family="sans-serif" font-size="10px" fill="#000" opacity="0">2.0</text><text text-anchor="middle" transform="translate(44.44444444444444,15)" font-family="sans-serif" font-size="10px" fill="#000" opacity="1">3.0</text><text text-anchor="middle" transform="translate(66.66666666666666,15)" font-family="sans-serif" font-size="10px" fill="#000" opacity="0">4.0</text><text text-anchor="middle" transform="translate(88.88888888888889,15)" font-family="sans-serif" font-size="10px" fill="#000" opacity="1">5.0</text><text text-anchor="middle" transform="translate(111.11111111111111,15)" font-family="sans-serif" font-size="10px" fill="#000" opacity="0">6.0</text><text text-anchor="middle" transform="translate(133.33333333333331,15)" font-family="sans-serif" font-size="10px" fill="#000" opacity="1">7.0</text><text text-anchor="middle" transform="translate(155.55555555555557,15)" font-family="sans-serif" font-size="10px" fill="#000" opacity="0">8.0</text><text text-anchor="middle" transform="translate(177.77777777777777,15)" font-family="sans-serif" font-size="10px" fill="#000" opacity="1">9.0</text><text text-anchor="end" transform="translate(200,15)" font-family="sans-serif" font-size="10px" fill="#000" opacity="0">10.0</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">IMDB Rating (binned)</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 1,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,200)" x2="-5" y2="0" stroke="#888" stroke-width="1" opacity="1"/><line transform="translate(0,160)" x2="-5" y2="0" stroke="#888" stroke-width="1" opacity="1"/><line transform="translate(0,120)" x2="-5" y2="0" stroke="#888" stroke-width="1" opacity="1"/><line transform="translate(0,80)" x2="-5" y2="0" stroke="#888" stroke-width="1" opacity="1"/><line transform="translate(0,40)" 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,163)" font-family="sans-serif" font-size="10px" fill="#000" opacity="1">200</text><text text-anchor="end" transform="translate(-7,123)" font-family="sans-serif" font-size="10px" fill="#000" opacity="1">400</text><text text-anchor="end" transform="translate(-7,83)" font-family="sans-serif" font-size="10px" fill="#000" opacity="1">600</text><text text-anchor="end" transform="translate(-7,42.99999999999999)" font-family="sans-serif" font-size="10px" fill="#000" opacity="1">800</text><text text-anchor="end" transform="translate(-7,3)" font-family="sans-serif" font-size="10px" fill="#000" opacity="1">1,000</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(-38,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 layer_0_marks" role="graphics-object" aria-roledescription="rect mark container"><path aria-label="IMDB Rating (binned): 6 – 7; Count of Records: 985" role="graphics-symbol" aria-roledescription="bar" d="M112.11111111111111,0h21.2222222222222v200h-21.2222222222222Z" fill="#eee" opacity="0"/><path aria-label="IMDB Rating (binned): 3 – 4; Count of Records: 100" role="graphics-symbol" aria-roledescription="bar" d="M45.44444444444444,0h21.222222222222214v200h-21.222222222222214Z" fill="#eee" opacity="0"/><path aria-label="IMDB Rating (binned): 7 – 8; Count of Records: 741" role="graphics-symbol" aria-roledescription="bar" d="M134.33333333333331,0h21.222222222222257v200h-21.222222222222257Z" fill="#eee" opacity="0"/><path aria-label="IMDB Rating (binned): 5 – 6; Count of Records: 633" role="graphics-symbol" aria-roledescription="bar" d="M89.88888888888889,0h21.22222222222223v200h-21.22222222222223Z" fill="#eee" opacity="0"/><path aria-label="IMDB Rating (binned): 8 – 9; Count of Records: 204" role="graphics-symbol" aria-roledescription="bar" d="M156.55555555555557,0h21.2222222222222v200h-21.2222222222222Z" fill="#eee" opacity="0"/><path aria-label="IMDB Rating (binned): 2 – 3; Count of Records: 43" role="graphics-symbol" aria-roledescription="bar" d="M23.22222222222222,0h21.22222222222222v200h-21.22222222222222Z" fill="#eee" opacity="0"/><path aria-label="IMDB Rating (binned): 4 – 5; Count of Records: 273" role="graphics-symbol" aria-roledescription="bar" d="M67.66666666666666,0h21.22222222222223v200h-21.22222222222223Z" fill="#eee" opacity="0"/><path aria-label="IMDB Rating (binned): 9 – 10; Count of Records: 4" role="graphics-symbol" aria-roledescription="bar" d="M178.77777777777777,0h21.22222222222223v200h-21.22222222222223Z" fill="#eee" opacity="0"/><path aria-label="IMDB Rating (binned): 1 – 2; Count of Records: 5" role="graphics-symbol" aria-roledescription="bar" d="M1,0h21.22222222222222v200h-21.22222222222222Z" fill="#eee" opacity="0"/></g><g class="mark-rect role-mark layer_1_marks" role="graphics-object" aria-roledescription="rect mark container" pointer-events="none"><path aria-label="IMDB Rating (binned): 6 – 7; Count of Records: 985" role="graphics-symbol" aria-roledescription="bar" d="M112.11111111111111,3.0000000000000027h21.2222222222222v197h-21.2222222222222Z" fill="#4c78a8"/><path aria-label="IMDB Rating (binned): 3 – 4; Count of Records: 100" role="graphics-symbol" aria-roledescription="bar" d="M45.44444444444444,180h21.222222222222214v20h-21.222222222222214Z" fill="#4c78a8"/><path aria-label="IMDB Rating (binned): 7 – 8; Count of Records: 741" role="graphics-symbol" aria-roledescription="bar" d="M134.33333333333331,51.800000000000004h21.222222222222257v148.2h-21.222222222222257Z" fill="#4c78a8"/><path aria-label="IMDB Rating (binned): 5 – 6; Count of Records: 633" role="graphics-symbol" aria-roledescription="bar" d="M89.88888888888889,73.4h21.22222222222223v126.6h-21.22222222222223Z" fill="#4c78a8"/><path aria-label="IMDB Rating (binned): 8 – 9; Count of Records: 204" role="graphics-symbol" aria-roledescription="bar" d="M156.55555555555557,159.20000000000002h21.2222222222222v40.79999999999998h-21.2222222222222Z" fill="#4c78a8"/><path aria-label="IMDB Rating (binned): 2 – 3; Count of Records: 43" role="graphics-symbol" aria-roledescription="bar" d="M23.22222222222222,191.4h21.22222222222222v8.599999999999994h-21.22222222222222Z" fill="#4c78a8"/><path aria-label="IMDB Rating (binned): 4 – 5; Count of Records: 273" role="graphics-symbol" aria-roledescription="bar" d="M67.66666666666666,145.4h21.22222222222223v54.599999999999994h-21.22222222222223Z" fill="#4c78a8"/><path aria-label="IMDB Rating (binned): 9 – 10; Count of Records: 4" role="graphics-symbol" aria-roledescription="bar" d="M178.77777777777777,199.2h21.22222222222223v0.8000000000000114h-21.22222222222223Z" fill="#4c78a8"/><path aria-label="IMDB Rating (binned): 1 – 2; Count of Records: 5" role="graphics-symbol" aria-roledescription="bar" d="M1,199h21.22222222222222v1h-21.22222222222222Z" fill="#4c78a8"/></g></g><path class="foreground" aria-hidden="true" d="" display="none"/></g></g></g></svg>