<?xml version="1.0" encoding="UTF-8"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg width="920" height="400" inkscape:version="1.1.1 (3bf5ae0d25, 2021-09-20)" sodipodi:docname="wave_duration_multi.svg" version="1.1" viewBox="0 0 920 400" xmlns="http://www.w3.org/2000/svg" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"><style><![CDATA[
:root {
  --fg-color: rgb(60, 60, 67);
  --bg-color: #ffffff;
}
@media screen and (prefers-color-scheme: dark) {
  :root {
    --fg-color: rgba(255, 255, 245, 0.86);
    --bg-color: #1e1e20;
  }
}
@media print {
  :root {
    --fg-color: #000000;
    --bg-color: #ffffff;
  }
}
.figure {
  fill: var(--fg-color);
  stroke: var(--fg-color);
  stroke-width: 0;
  font-family: 'Chinese Quotes', 'Inter var', 'Inter', ui-sans-serif,
    system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
    'Helvetica Neue', Helvetica, Arial, 'Noto Sans', sans-serif,
    'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol',
    'Noto Color Emoji';
  font-size: 16px;
}
.time-points {
  stroke-width: 6px;
}
.lane {
  stroke-width: 2px;
}
.events {
  stroke-width: 4px;
}
.events.actual {
  fill: var(--bg-color);
  paint-order:fill markers stroke;
}
]]></style><sodipodi:namedview bordercolor="#999999" borderopacity="1" pagecolor="#ffffff" showgrid="false" units="px"/><g class="figure" inkscape:groupmode="layer" inkscape:label="Layer 1"><g inkscape:groupmode="layer" inkscape:label="Axes" sodipodi:insensitive="true"><path class="time-points" d="m240 0v400" sodipodi:nodetypes="cc"/><path class="time-points" d="m840 0v400" sodipodi:nodetypes="cc"/><path class="lane" d="m240 80h600" sodipodi:nodetypes="cc"/><path class="lane" d="m240 180h600" sodipodi:nodetypes="cc"/><path class="lane" d="m240 240h600" sodipodi:nodetypes="cc"/><path class="lane" d="m240 300h600" sodipodi:nodetypes="cc"/><path class="lane" d="m240 360h600" sodipodi:nodetypes="cc"/></g><g text-anchor="end" inkscape:groupmode="layer" inkscape:label="Labels" sodipodi:insensitive="true"><text x="200" y="86" text-align="end" xml:space="preserve"><tspan x="200" y="86" sodipodi:role="line">On Lane</tspan></text><text x="200" y="186" text-align="end" xml:space="preserve"><tspan x="200" y="186" sodipodi:role="line">Applied to Chunk 1</tspan></text><text x="200" y="246" text-align="end" xml:space="preserve"><tspan x="200" y="246" sodipodi:role="line">Chunk 2</tspan></text><text x="200" y="306" text-align="end" xml:space="preserve"><tspan x="200" y="306" sodipodi:role="line">Chunk 3</tspan></text><text x="200" y="366" text-align="end" xml:space="preserve"><tspan x="200" y="366" sodipodi:role="line">Chunk 4</tspan></text><text x="820" y="24" text-align="end" xml:space="preserve"><tspan x="820" y="24" sodipodi:role="line">Duration</tspan></text><text x="220" y="24" text-align="end" xml:space="preserve"><tspan x="220" y="24" sodipodi:role="line">Time = 0</tspan></text></g><g inkscape:groupmode="layer" inkscape:label="Events"><rect class="events" x="216" y="56" width="48" height="48" rx="10" ry="10"/><rect class="events" x="316" y="56" width="48" height="48" rx="10" ry="10" stroke-width="4px"/><rect class="events" x="516" y="56" width="48" height="48" rx="10" ry="10" stroke-width="4px"/><rect class="events  actual" x="216" y="156" width="48" height="48" rx="10" ry="10"/><rect class="events  actual" x="316" y="156" width="48" height="48" rx="10" ry="10" fill="#fff" stroke-width="4px"/><rect class="events  actual" x="516" y="156" width="48" height="48" rx="10" ry="10" fill="#fff" stroke-width="4px"/><rect class="events  actual" x="316" y="216" width="48" height="48" rx="10" ry="10"/><rect class="events  actual" x="416" y="216" width="48" height="48" rx="10" ry="10" fill="#fff" stroke-width="4px"/><rect class="events  actual" x="616" y="216" width="48" height="48" rx="10" ry="10" fill="#fff" stroke-width="4px"/><rect class="events  actual" x="416" y="276" width="48" height="48" rx="10" ry="10"/><rect class="events  actual" x="516" y="276" width="48" height="48" rx="10" ry="10" fill="#fff" stroke-width="4px"/><rect class="events  actual" x="716" y="276" width="48" height="48" rx="10" ry="10" fill="#fff" stroke-width="4px"/><rect class="events  actual" x="816" y="336" width="48" height="48" rx="10" ry="10"/><rect class="events  actual" x="616" y="336" width="48" height="48" rx="10" ry="10" fill="#fff" stroke-width="4px"/><rect class="events  actual" x="516" y="336" width="48" height="48" rx="10" ry="10" fill="#fff" stroke-width="4px"/></g></g></svg>
