Skip to main content
100%

Marvel Characters | Force layout with images

✓ Published0🌍 Public
IImenmaaloul
Last edited Jul 31, 2018
Created on Jul 31, 2018

A force-directed graph renders Marvel characters as profile images that repel and link together based on a hierarchical dataset. The visualization uses D3’s force layout to position nodes, with images serving as both nodes and interactive elements. Clicking a character updates the header to show their secret identity and a link to their Marvel webpage; hovering scales the image up to reveal the hero’s name. Links between characters are drawn as curved paths, and the root node is fixed at the top center. The animation runs in an SVG container with a clean, comic-book-inspired aesthetic.

AI-generated description

Force layout test/experiment with images

Sources:

forked from <a href='http://bl.ocks.org/eesur/'>eesur</a>'s block: <a href='http://bl.ocks.org/eesur/be2abfb3155a38be4de4'>d3 | Force layout with images</a>

forked from <a href='http://bl.ocks.org/Imenmaaloul/'>Imenmaaloul</a>'s block: <a href='http://bl.ocks.org/Imenmaaloul/955bb9ae160b3964bd04c591032d6613'>d3 | Force layout with images</a>

mit Licensed

Similar vizzes