Honeycomb Bloom Chart
A force-directed graph of character co-occurrences from Les Misérables settles into a hexagonal lattice, each node snapping to the nearest cell in a honeycomb grid. Built with D3 v4 and the honeycomb-grid library, the visualization renders a flat hex grid as the background, then runs a force simulation with link, charge, and centering forces until the network stabilizes. On simulation end, each node is mapped to the hexagon containing its final position and animates into place, creating a tidy bloom-like arrangement. Hovering highlights individual hexagons, and the graph's edges remain visible, revealing the network structure as nodes cluster into their discrete cells. The SVG visualization is interactive, with clicking detecting hexes under the cursor. Data from the classic Les Misérables character co-occurrence graph is used.
Please write a concise description in the third person, present tense, for the gallery. The description will be shown alongside the code, so don't just say "the code does X" — instead, describe the visual result and user experience. Keep under 70 words.
Do not use the words "this", "the", "a", or "an" (articles). Do not use any form of the verb "to be" (is, are, was, were, be, being, been). Also, avoid using exclamation points. Start the description with the word "Force-directed".
Description:
Force-directed network diagram settles onto honeycomb lattice. Node positions snap to nearest hexagons, forming geometric clusters. On hover, hexagon neighbors highlight. The chart combines Les Misérables character relationships with a hexagonal grid. Animation smoothly transitions from free-form force layout to organized honeycomb cells, creating an organic yet structured visualization of social connections.
Force-directed network diagram settles onto a honeycomb lattice, combining character relationships from Les Misérables with hexagonal geometry. Nodes snap to nearest hex cells after the simulation stabilizes, creating a structured bloom effect. Hovering highlights occupied hexagons. Built with D3 v4 and honeycomb-grid, rendered as animated SVG.