JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://mbostock.github.com/d3/d3.js"></script>
<div id="chart"></div>

CSS

.axis text {
  font: 10px sans-serif;
}
  
.axis path, .axis line {
  fill: none;
  stroke: #000;
  shape-rendering: crispEdges;
}

JavaScript

var svg = d3.select("#chart").append("svg")
    .attr("width", 500)
    .attr("height", 300);

d3.select("body")
    .on("keydown", function() {
        svg.append("text")
            .attr("x","5")
            .attr("y","150")
            .style("font-size","50px")
            .text("keyCode: " + d3.event.keyCode)  
          .transition().duration(2000)
            .style("font-size","5px")
            .style("fill-opacity",".1")
          .remove();
    });