3DD3

by nancynancy

HTML

<html>

  <head>
<script src="https://d3js.org/d3.v5.min.js"></script>

  </head>

  <body>
  </body>

</html>

JavaScript

var g = d3.select("body")
  .append("svg")
  .attr("height", 500)
  .attr("width", 500)

var myred = "#FF0000";
var myblue = "#00FFFF";

var x = 60;
var y = 150;
var dodge = 4;

g.append("rect")
  .attr("height", 400)
  .attr("width", 400)
  .attr("fill", "white")

g.append("text")
  .attr("x", x - dodge)
  .attr("y", y - dodge)
  .attr("font-size", "64px")
  .attr("font-family", "sans-serif")
  .text("TEST")
  .attr("fill", myblue)

g.append("text")
  .attr("x", x + dodge)
  .attr("y", y + dodge)
  .attr("font-size", "64px")
  .attr("font-family", "sans-serif")
  .text("TEST")
  .attr("fill", myred)

g.append("text")
  .attr("x", x)
  .attr("y", y)
  .attr("font-size", "64px")
  .attr("font-family", "sans-serif")
  .text("TEST")
  .attr("fill", "black")