JSFiddle - React, Tailwind, and code Playground

HTML

<script src="//cdnjs.cloudflare.com/ajax/libs/d3/3.4.8/d3.min.js"></script>
  <svg id="DAMNDIRTYAPES">

        </svg>

CSS

svg {
        width: 500px;
        height: 500px;
    }

JavaScript

d3.select("#DAMNDIRTYAPES")
.append("path")
  .attr("id", "path1")
  .attr("d", "M 0,-1   C 0.5523, -1   1, -0.5523    1,0  C 1, 0.5523    0.5523, 1     0,1  C -0.5523, 1   -1, 0.5523    -1,0         C -1, -0.5523  -0.5523, -1   0,-1")
  .attr("transform", "scale(50, 50) translate(5,5)");

      d3.select("#DAMNDIRTYAPES")
      .append("text")
      .append("textPath")
      .attr("xlink:href", "#path1")
      .style("font-size", "10px")
      .text("hello radial world")
      .attr("fill", "blue")