通常のHTMLElementと異なり、SVGの要素はSVGElementというもののためdocument.createElement()ではなく
Document.createElementNS（）をつかって生成する必要があります。
document.createElement()で生成してしまった場合についてはデモページをごらんください。

↓以下が実際のソースサンプルです。

▼JavaScript

▼CSS

▼HTML

今回、参考にさせていただいたのは、
『https://developer.mozilla.org/』さんです。
ありがとうございます。

デモページは、こちら