JSFiddle - React, Tailwind, and code Playground

HTML

<!-- have to put script here due to JSFiddle bug -->
<script src='http://cdn.ractivejs.org/edge/ractive.js'></script>

<svg id="test" width="200" height="200">
</svg>

JavaScript

new Ractive({
    el: "test",
    template: '<svg width="100%" height="100%><rect width="100%" height="100%" fill="red"></rect></svg>',
    data: {
        text: 'HELLO THERE',
    }
});