Skip to main content
SimilarExport ZIP
100%

http://candybox2.net/?slot=1

✓ Published0🌍 Public
HHoffmannP
Last edited Dec 19, 2013
Created on Dec 19, 2013

This example visualizes the game state of Candy Box 2 as a network of interconnected boolean flags, showing player progress across quests, items, and map locations. The visualization uses `d3.forceSimulation` to position nodes and `d3.linkHorizontal` for edges, with each node colored based on its `true` or `false` value. Data comes from a single gist file containing a flat list of `bool` attributes, parsed into graph nodes and links. The layout reveals clusters of related game systems, such as the lollipop farm and equipment upgrades, highlighting which achievements remain incomplete.

AI-generated description

Similar vizzes

Loading thumbnail…

Untitled

A force-directed network graph maps relationships between board games, with blue solid edges for 0-value links and dashed lines for 1-value links. Node size and color intensity scale with degree, while labels identify each game. Built with React and D3 v5, the visualization uses `d3.forceSimulation` with link, center, charge, x, and y forces. Interactive features include dragging via `d3.drag` and double-clicking to fix nodes, which adds an orange stroke.

Hhaiyangwhy1015
67% match
Loading thumbnail…

Untitled

This example shows a force-directed network graph of board game relationships, with nodes connected by curved links. The visualization uses d3.forceSimulation with link, charge, and centering forces to position the nodes, which are rendered as SVG circles and can be dragged by the user. Data is loaded from a CSV file using d3.dsv, and the curved paths are drawn with SVG path elements. The simulation updates positions on each tick, applying drag behavior via d3.drag to allow interactive exploration.

SSupplyScience
66% match
Loading thumbnail…

Graph

This example visualizes a network of board game relationships as an interactive force-directed graph. Nodes represent distinct games and are rendered as small circles, while curved paths between them show connections weighted by a numeric value. The visualization uses `d3.forceSimulation` with link, charge, centering, and X/Y forces to position nodes, and supports dragging with `d3.drag` to manually reposition elements. The graph reads its source and target pairs from a imported CSV file, with SVG elements styled via external CSS.

Hhaiyangwhy1015
66% match
Loading thumbnail…

Untitled

This example shows a force-directed network of board games and their relationships, with nodes connected by curved links. The graph is built using d3.forceSimulation with link, charge, and centering forces, and rendered as SVG paths and circles. Nodes are draggable, with forces restarting on interaction. Data comes from a CSV file listing source, target, and value pairs, and the visualization animates continuously with alphaTarget set to 1.

FFeng Zhao
66% match
Loading thumbnail…

new

This example visualizes a network of board game relationships as a force-directed graph. Nodes represent games and are rendered as labeled circles, while curved links connect related games, with line style and thickness differentiating link values. The visualization loads data from `board_games.csv` and uses `d3.forceSimulation` with link, charge, and centering forces to compute the layout. All elements are drawn in SVG, and nodes are interactive via `d3.drag`.

Bbpaul37@gatech.edu
65% match
Loading thumbnail…

Gist 05ff2219cb2cc463ad1612e8a501c400

This visualization uses a force-directed simulation to show a network of interconnected nodes, with each node represented as a colored circle and links drawn between related points. The code relies on `d3.forceSimulation` and `d3.forceLink` to compute the layout, while `d3.drag` enables user interaction to move nodes. A canvas element renders the graph, with the simulation updating positions each tick. The data appears to be a small custom-generated dataset of nodes and edges, with node colors mapping to distinct groups, and the visualization does not include any external data source or geographic rendering.

MMistyBlunch
65% match
Loading thumbnail…

Force-Graph

This interactive force-directed graph visualizes the network of game assets, with nodes representing individual files and links showing connections between them. The visualization uses a physics simulation to position nodes, balancing link forces, many-body repulsion, and centering forces. Built with d3.forceSimulation, d3.forceLink, and d3.forceManyBody, the SVG rendering updates each tick to reflect the evolving layout. Users can drag nodes, which temporarily reactivates the simulation to reposition the graph, with node colors assigned via a categorical color scheme.

LLo-ov
64% match
Loading thumbnail…

Gist 3e83522b4fd1d103c56977dac9442a3e

This example visualizes a force-directed network graph, showing nodes and edges arranged in a cluster layout. It uses D3’s `d3.forceSimulation` to compute node positions and `d3.forceLink` for edge constraints, rendering the result as an SVG. The graph data is generated locally in the code via a helper function that builds node and link arrays, with node colors reflecting a categorical scale. The visualization updates positions on each simulation tick, producing an interactive, animated network layout.

MMistyBlunch
63% match