block by GerHobbelt 3696645

d3.js: Q: pack layout with images

Full Screen

Experiment ……

==========================================================================

A little alternative way to use the SVG object and D3:

D3 code creates a layout-based mask, where each node is a circle + circle-clipped ‘silhouette’ image, which is, of course, included in the generated mask.

WARNING: clip-mask applied to elements inside a SVG mask don’t work in Safari/Win; Chrome works okay, so this result is best viewed in bleeding edge Chrome.

index.html

flare.json

pack2.js

revy-silhouette.jpg