Как преобразовать XML-файл в SVG с помощью XSL?

Учитывая

<root>
   <item>
      <detail>100</detail>
      <detail>200</detail>
   </item>
   <item>
      <detail>50</detail>
      <detail>100</detail>
   </item>
</root>

Как мне преобразовать эти данные в простую гистограмму SVG? (ничего особенного, всего четыре столбца, которые каким-то образом представляют связь между числами)

Примерно так: (Я знаю, что между двумя элементами нет разделения, но позвольте просто скажу, что я сделаю их разными цветами: первые две полосы - синими, а вторая - красными)

Я не уверен, какой синтаксис внутри шаблона xsl: должен быть для генерации кода SVG? Принимается лучший ответ!