'Mickey Mouseover' menu

<!DOCTYPE html>
<meta charset="utf-8">
	<style>
		circle {
			stroke:white;
		}
		circle.node {
			fill:lightgrey;
		}
		circle.rood {
			fill:red;
		}
		circle.groen {
			fill:green;
		}
		circle.geel {
			fill:yellow;
		}
	</style>
<body>
	<div id="viz">
	</div>
	<script src="//d3js.org/d3.v3.min.js" charset="utf-8"></script>
	<script>
var width = 960,
	height = 500;
	
var svg = d3.select("#viz").append("svg")
    .attr("width", width)
    .attr("height", height)
    .append('g')
    	.attr('transform','translate('+width/2+','+height/2+')');

var node = svg.append('g');
	
var buttons = ['rood', 'geel', 'groen'];

var nodeb = node.append('g');
var nodeg = node.append('g');

var nodec = nodeg.append('circle')
	.attr('class','node')
	.attr('r',200);

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