Skip to main content
100%

Marvel Characters | Force layout with images

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

This interactive force-directed graph maps Marvel characters as circular node images connected by curved links. Built with D3 v3’s force layout, it renders an SVG network where each character is represented by a portrait. Hovering enlarges the image and reveals the hero’s name; clicking updates the header with the character’s secret identity and a link to their Marvel webpage. Node size encodes a numeric size value, while links show hierarchical relationships in a tree-like arrangement. The layout uses gravity, charge, and link distance parameters to organize the characters, with smooth transitions on hover.

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>

mit Licensed

Similar vizzes