dynamic creat svg in js
SVG title
https://developer.mozilla.org/en-US/docs/Web/SVG/Element/title
<svg viewBox="0 0 20 10" xmlns="http://www.w3.org/2000/svg">
<circle cx="5" cy="5" r="4">
<title>I'm a circle</title>
</circle>
<rect x="11" y="1" width="8" height="8">
<title>I'm a square</title>
</rect>
</svg>
https://codepen.io/xgqfrms/pen/YzPrKbz?&editable=true
http://stackoverflow.com/questions/25999162/title-attribute-not-working-for-an-svg-rect-on-safari
https://www.sitepoint.com/tips-accessible-svg/
https://css-tricks.com/accessible-svgs/
how to creeat svg in js
javascript create svg path
http://xahlee.info/js/js_scritping_svg_basics.html
https://stackoverflow.com/questions/10546135/appending-path-child-within-svg-using-javascript
https://stackoverflow.com/questions/25772742/how-to-place-svg-image-file-in-html-using-javascript