Circle Wave_red

Inspired by Dave Whyte’s circle wave.

forked from mbostock's block: Circle Wave

forked from noblemillie's block: Circle Wave

forked from noblemillie's block: Circle Wave_blue

forked from noblemillie's block: Circle Wave_red

<!DOCTYPE html>
<svg width="550" height="500"></svg>
<script src="https://d3js.org/d3.v5.min.js"></script>
<script>

d3.select("body")
	.style("background-color", "lightyellow")
// 	.style("background-color", "lightgrey")
// 	.style("background-color", "snow")
  
var svg = d3.select("svg"),
    width = +svg.attr("width"),
    height = +svg.attr("height"),
    angles = d3.range(0, 2 * Math.PI, Math.PI / 200);

var visits = 24;

d3.timer(function() {
  path.attr("d", function(d) {
    return d(angles);
  });
});

svg.append("text")
		.attr("font-size", 125)
		.attr("font-family", "Papyrus,fantasy")
		.attr("font-weight", 500)
		.attr("stroke", "maroon")
		.attr("stroke", "cornsilk")
    .attr("stroke-width", 1.5)
		.attr("fill", "cornsilk")
		.attr("fill", "maroon")
// 		.attr("fill", "bisque")
    .attr("text-anchor", "middle")
		.attr("opacity", 0.9)
		.text(visits)
    .attr("transform", "translate(" + width / 3 + "," + height / 2.5 + ")")
  
  
</script>

https://d3js.org/d3.v5.min.js