JSFiddle - React, Tailwind, and code Playground

by web-nfo.com

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/svg.js/3.0.13/polyfillsIE.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/svg.js/3.0.13/polyfills.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/svg.js/3.0.13/svg.min.js"></script>

  <div id="drawing"></div>

JavaScript

SVG.on(document, 'DOMContentLoaded', function() {
  var draw = SVG('drawing').size(300, 300);
    
var line = draw.line(0, 100, 100, 0).move(20, 20)
line.stroke({ color: '#f06', width: 10, linecap: 'round' });
  
  
})