JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html>
<meta charset="utf-8">
<body>
<script src="http://d3js.org/d3.v2.js"></script>
<script>
  var distances = [2.23, 2.39, 2.59, 2.77, 10];

  d3.select('body').selectAll('p')
    .data(distances)
    .text(String)
    .enter()
      .append('span') // append a paragraph node for each new datum
      .text(String); // and set its text value
</script>