Units", d => d.patternUnits)
		.append("svg:image")
		.attr("href", imgdir)
		.attr('preserveAspectRatio', d => d.r)
		.attr("width", 250)
		.attr("height", 250);

		svg.selectAll(".mycircle").data(ratiocircle).join('circle')
		.attr('class', 'mycircle')
		.attr("cx", (d, i) => i * 360 + 180 + 125)
		.attr("cy", 600)
		.attr("r", 125)
		.attr('stroke', 'black').attr('stroke-width', '2px')
		.attr("fill", d => `url(#${d.id})`);
		
	</script>
</body>
</html>