examples/compiled/histogram_nonlinear.svg

<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" class="marks" width="368" height="149" viewBox="0 0 368 149"><rect width="368" height="149" fill="white"/><g fill="none" stroke-miterlimit="10" transform="translate(39,27)"><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.5h320v100h-320Z" 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,100)" x2="320" y2="0" stroke="#ddd" stroke-width="1" opacity="1"/><line transform="translate(0,50)" x2="320" y2="0" stroke="#ddd" stroke-width="1" opacity="1"/><line transform="translate(0,0)" x2="320" 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 for a discrete scale with 9 values: 0, 8.33, 12.50, 16.67, 33.33, ending with ∞"><g transform="translate(0.5,100.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(40,0)" x2="0" y2="5" stroke="#888" stroke-width="1" opacity="1"/><line transform="translate(80,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(160,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"/><line transform="translate(240,0)" x2="0" y2="5" stroke="#888" stroke-width="1" opacity="1"/><line transform="translate(280,0)" x2="0" y2="5" stroke="#888" stroke-width="1" opacity="1"/><line transform="translate(320,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(0,15)" font-family="sans-serif" font-size="10px" fill="#000" opacity="1">0</text><text text-anchor="middle" transform="translate(40,15)" font-family="sans-serif" font-size="10px" fill="#000" opacity="1">8.33</text><text text-anchor="middle" transform="translate(80,15)" font-family="sans-serif" font-size="10px" fill="#000" opacity="1">12.50</text><text text-anchor="middle" transform="translate(120,15)" font-family="sans-serif" font-size="10px" fill="#000" opacity="1">16.67</text><text text-anchor="middle" transform="translate(160,15)" font-family="sans-serif" font-size="10px" fill="#000" opacity="1">33.33</text><text text-anchor="middle" transform="translate(200,15)" font-family="sans-serif" font-size="10px" fill="#000" opacity="1">50.00</text><text text-anchor="middle" transform="translate(240,15)" font-family="sans-serif" font-size="10px" fill="#000" opacity="1">66.67</text><text text-anchor="middle" transform="translate(280,15)" font-family="sans-serif" font-size="10px" fill="#000" opacity="1">83.33</text><text text-anchor="middle" transform="translate(320,15)" font-family="sans-serif" font-size="10px" fill="#000" opacity="1">∞</text></g><g class="mark-rule role-axis-domain" pointer-events="none"><line transform="translate(0,0)" x2="320" y2="0" stroke="#888" 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="Y-axis for a linear scale with values from 0 to 100"><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,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,103)" font-family="sans-serif" font-size="10px" fill="#000" opacity="1">0%</text><text text-anchor="end" transform="translate(-7,53)" font-family="sans-serif" font-size="10px" fill="#000" opacity="1">50%</text><text text-anchor="end" transform="translate(-7,3)" font-family="sans-serif" font-size="10px" fill="#000" opacity="1">100%</text></g><g class="mark-rule role-axis-domain" pointer-events="none"><line transform="translate(0,100)" x2="0" y2="-100" stroke="#888" stroke-width="1" opacity="1"/></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="startTime: 0; residency: 0; endTime: 8.33" role="graphics-symbol" aria-roledescription="bar" d="M0,100h40v0h-40Z" fill="#4c78a8"/><path aria-label="startTime: 8.33; residency: 0; endTime: 12.50" role="graphics-symbol" aria-roledescription="bar" d="M40,100h40v0h-40Z" fill="#4c78a8"/><path aria-label="startTime: 12.50; residency: 31.17; endTime: 16.67" role="graphics-symbol" aria-roledescription="bar" d="M80,68.82999999999998h40v31.170000000000016h-40Z" fill="#4c78a8"/><path aria-label="startTime: 16.67; residency: 38.96; endTime: 33.33" role="graphics-symbol" aria-roledescription="bar" d="M120,61.040000000000006h40v38.959999999999994h-40Z" fill="#4c78a8"/><path aria-label="startTime: 33.33; residency: 6.49; endTime: 50.00" role="graphics-symbol" aria-roledescription="bar" d="M160,93.51h40v6.489999999999995h-40Z" fill="#4c78a8"/><path aria-label="startTime: 50.00; residency: 2.9; endTime: 66.67" role="graphics-symbol" aria-roledescription="bar" d="M200,97.1h40v2.9000000000000057h-40Z" fill="#4c78a8"/><path aria-label="startTime: 66.67; residency: 2.6; endTime: 83.33" role="graphics-symbol" aria-roledescription="bar" d="M240,97.39999999999999h40v2.6000000000000085h-40Z" fill="#4c78a8"/><path aria-label="startTime: 83.33; residency: 16.88; endTime: ∞" role="graphics-symbol" aria-roledescription="bar" d="M280,83.12h40v16.879999999999995h-40Z" fill="#4c78a8"/></g><g class="mark-group role-title"><g transform="translate(160,-22)"><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 'Distribution of Frame Render Time (ms)'" pointer-events="none"><text text-anchor="middle" transform="translate(0,10)" font-family="sans-serif" font-size="13px" font-weight="bold" fill="#000" opacity="1">Distribution of Frame Render Time (ms)</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>