Cheese diagram in d3.js

Question

How would you implement this with d3.js:

I started with sunburst diagram, but how to handle pics around circle? How to rotate them? etc. (assume each cheese has its png pic)

Answer 1

To add images, you can use the SVG image tag. The elements added in this way can be translated and rotated in the usual manner. The code you're going to need is essentially the same as for a pie chart with rotated labels, for which you should be able to find plenty of examples.

Here's a quick and dirty modified pie chart example that demonstrates the technique.