Example output svg for https://github.com/gerow/is-algo-proto/blob/master/resources/test_dispatch_one.json

out.svg

<?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" height="1000" width="400" version="1.0">
   <g>
      <rect fill="#2E2EE6" x="0" y="67.46043" height="41.66674041748047" width="400" />
      <rect fill="#2E2EE6" x="0" y="44.64293" height="5.952392578125" width="400" />
      <rect fill="#FF0000" x="0" y="0.0" height="44.64292907714844" width="400" />
      <rect fill="#FF0000" x="0" y="59.523907" height="7.936519622802734" width="400" />
      <rect fill="#FF0000" x="0" y="345.23868" height="7.9365234375" width="400" />
      <rect fill="#FF0000" x="0" y="630.9534" height="7.9365234375" width="400" />
      <rect fill="#FF0000" x="0" y="142.85738" height="44.64292907714844" width="400" />
      <rect fill="#FF0000" x="0" y="285.71475" height="44.6429443359375" width="400" />
      <rect fill="#FF0000" x="0" y="428.57214" height="44.642913818359375" width="400" />
      <rect fill="#FF0000" x="0" y="571.4295" height="44.6429443359375" width="400" />
      <rect fill="#FF0000" x="0" y="714.28687" height="44.6429443359375" width="400" />
      <rect fill="#FF0000" x="0" y="857.1443" height="44.6429443359375" width="400" />
      <text style=" font-size: 15px;  fill: #000000;  alignment-baseline: middle;  font-family: Garamond; " x="0" y="75.4604263305664">writing assignment</text>
      <text style=" font-size: 15px;  fill: #000000;  alignment-baseline: middle;  font-family: Garamond; " x="0" y="52.64292907714844">math homework</text>
      <text style=" font-size: 15px;  fill: #000000;  alignment-baseline: middle;  font-family: Garamond; " x="0" y="8.0">sleep</text>
      <text style=" font-size: 15px;  fill: #000000;  alignment-baseline: middle;  font-family: Garamond; " x="0" y="67.52390670776367">math class</text>
      <text style=" font-size: 15px;  fill: #000000;  alignment-baseline: middle;  font-family: Garamond; " x="0" y="353.2386779785156">math class</text>
      <text style=" font-size: 15px;  fill: #000000;  alignment-baseline: middle;  font-family: Garamond; " x="0" y="638.9534301757812">math class</text>
      <text style=" font-size: 15px;  fill: #000000;  alignment-baseline: middle;  font-family: Garamond; " x="0" y="150.8573760986328">sleep</text>
      <text style=" font-size: 15px;  fill: #000000;  alignment-baseline: middle;  font-family: Garamond; " x="0" y="293.7147521972656">sleep</text>
      <text style=" font-size: 15px;  fill: #000000;  alignment-baseline: middle;  font-family: Garamond; " x="0" y="436.5721435546875">sleep</text>
      <text style=" font-size: 15px;  fill: #000000;  alignment-baseline: middle;  font-family: Garamond; " x="0" y="579.4295043945312">sleep</text>
      <text style=" font-size: 15px;  fill: #000000;  alignment-baseline: middle;  font-family: Garamond; " x="0" y="722.286865234375">sleep</text>
      <text style=" font-size: 15px;  fill: #000000;  alignment-baseline: middle;  font-family: Garamond; " x="0" y="865.144287109375">sleep</text>
   </g>
</svg>