JSFiddle - React, Tailwind, and code Playground

by Gerardo Furtado

HTML

<script src="https://d3js.org/d3.v4.min.js"></script>
<svg width="400" height=200>
	<circle cy="100" cx="80" r="60" fill="blue"></circle>
	<circle cy="100" cx="160" r="60" fill="yellow"></circle>
	<circle cy="100" cx="240" r="60" fill="red"></circle>
	<circle cy="100" cx="320" r="60" fill="green"></circle>
</svg>

JavaScript

d3.selectAll("circle").on("mouseover", function(){
	d3.select(this).raise()
});