Too bad Dimple.JS doesn't have this feature built-in. They only have a boring old legend, where pie charts scream for labels that circle the actual pie (or donut).
Anyway, here's how to get it done using some d3.js love.
I was looking for a way to get a fluid container live side-by-side with a custom width sidebar.
A custom width sidebar can't be achieved with a Bootstrap column, and is a total mess to get right with floats if you then need a fluid container to get a grid system for the main section.
So, here's one solution:
Sharing a small libjpeg snippet.
Some SO questions about it have only partial snippets: