images/range.svg

<svg viewBox='-50 -40 582 367.6' height='551.400' width='873' xmlns='http://www.w3.org/2000/svg'>
  <g stroke-width='1.2' font-size='14px' text-anchor='middle'>
    <rect fill='white' x='-50' y='-40' width='582' height='367.6'/>
    <text dy='0.33em' font-size='18px' x='256' y='-19'>Sorting 10,000 small-range 4-byte integers</text>
    <text dy='0.33em' x='256' y='307.6'>Density (length / range)</text>
    <text dy='0.33em' transform='rotate(-90)' x='-140.8' y='-32'>Time (ns / value)</text>
    <g stroke-width='0.3' stroke='#555'>
      <path d='M494.769 0v281.6'/>
      <path d='M446.387 0v281.6'/>
      <path d='M398.005 0v281.6'/>
      <path d='M349.623 0v281.6'/>
      <path d='M301.241 0v281.6'/>
      <path d='M252.859 0v281.6'/>
      <path d='M204.478 0v281.6'/>
      <path d='M156.096 0v281.6'/>
      <path d='M107.714 0v281.6'/>
      <path d='M59.332 0v281.6'/>
      <path d='M10.950 0v281.6'/>
      <path d='M0 256.610h512'/>
      <path d='M0 232.297h512'/>
      <path d='M0 198.029h512'/>
      <path d='M0 173.716h512'/>
      <path d='M0 154.858h512'/>
      <path d='M0 126.421h512'/>
      <path d='M0 96.278h512'/>
      <path d='M0 62.010h512'/>
      <path d='M0 37.697h512'/>
      <path d='M0 3.430h512'/>
    </g>
    <g font-size='11px'>
      <text dy='0.33em' x='494.769' y='291.1'>64</text>
      <text dy='0.33em' x='446.387' y='291.1'>32</text>
      <text dy='0.33em' x='398.005' y='291.1'>16</text>
      <text dy='0.33em' x='349.623' y='291.1'>8</text>
      <text dy='0.33em' x='301.241' y='291.1'>4</text>
      <text dy='0.33em' x='252.859' y='291.1'>2</text>
      <text dy='0.33em' x='204.478' y='291.1'>1</text>
      <text dy='0.33em' x='156.096' y='291.1'>0.5</text>
      <text dy='0.33em' x='107.714' y='291.1'>0.25</text>
      <text dy='0.33em' x='59.332' y='291.1'>0.125</text>
      <text dy='0.33em' x='10.950' y='291.1'>0.062</text>
      <g text-anchor='end'>
        <text dy='0.33em' x='-6' y='256.610'>1.5</text>
        <text dy='0.33em' x='-6' y='232.297'>2</text>
        <text dy='0.33em' x='-6' y='198.029'>3</text>
        <text dy='0.33em' x='-6' y='173.716'>4</text>
        <text dy='0.33em' x='-6' y='154.858'>5</text>
        <text dy='0.33em' x='-6' y='126.421'>7</text>
        <text dy='0.33em' x='-6' y='96.278'>10</text>
        <text dy='0.33em' x='-6' y='62.010'>15</text>
        <text dy='0.33em' x='-6' y='37.697'>20</text>
        <text dy='0.33em' x='-6' y='3.430'>30</text>
      </g>
    </g>
    <g stroke-width='2.6' fill='none'>
      <path stroke='#6ad' d='M512 32.145L493.686 30.310L475.373 28.946L457.283 26.887L439.142 24.457L420.866 23.752L402.655 23.652L384.421 23.420L366.159 23.149L347.873 22.275L329.560 21.532L311.266 21.093L292.959 20.660L274.665 20.522L256.354 20.608L238.052 20.951L219.741 20.315L201.435 20.823L183.122 20.388L164.810 20.291L146.498 20.978L128.187 20.881L109.875 20.553L91.563 20.034L73.251 20.405L54.938 20.826L36.625 20.598L18.312 20.089L0 20'/>
      <path stroke='#b9e' d='M512 99.350L493.686 93.509L475.373 87.939L457.283 81.782L439.142 75.302L420.866 70.503L402.655 66.026L384.421 58.994L366.159 45.126L347.873 36.377L329.560 31.766L311.266 30.472L292.959 29.908L274.665 29.919L256.354 30.674L238.052 29.950L219.741 29.977L201.435 30.441L183.122 30.008L164.810 30.267L146.498 31.049L128.187 30.807L109.875 30.744L91.563 30.519L73.251 30.178L54.938 30.139L36.625 30.348L18.312 30.190L0 30.395'/>
      <path stroke='#24851d' d='M512 260.945L493.686 260.471L475.373 260.530L457.283 260.826L439.142 261.6L420.866 260.001L402.655 259.184L384.421 256.948L366.159 254.936L347.873 252.540L329.560 242.478L311.266 240.920L292.959 239.114L274.665 236.232L256.354 232.466L238.052 225.871L219.741 219.753L201.435 211.434L183.122 202.305L164.810 190.901L146.498 177.785L128.187 161.173L109.875 143.577L91.563 147.142L73.251 146.145L54.938 148.197L36.625 142.738L18.312 150.349L0 148.651'/>
    </g>
    <rect stroke='#111' fill='none' x='0' y='0' width='512' height='281.6'/>
    <g transform='translate(10,208)' text-anchor='start' font-size='13px'>
      <rect fill='white' stroke='#111' x='0' y='0' width='134' height='66'/>
      <g stroke-width='2.6'>
        <path stroke='#6ad' d='M8 15h22'/>
        <path stroke='#b9e' d='M8 33h22'/>
        <path stroke='#24851d' d='M8 51h22'/>
      </g>
      <text dy='0.33em' x='36' y='15'>quadsort</text>
      <text dy='0.33em' x='36' y='33'>fluxsort</text>
      <text dy='0.33em' font-weight='bold' stroke-width='0.6' stroke='#211' fill='#24851d' x='36' y='51'>Robin Hood</text>
    </g>
  </g>
</svg>