Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Force v7

Public visualization

Force v7

0 stars0🌍 Public
BBen Kates
Last edited Dec 9, 2022
Created on Jun 21, 2021

A force-directed simulation visualizes user navigation paths through zones, with a central home node, surrounding groups, and exit/continue destinations. The animation plays through steps along a timeline, with a play button and controls for filtering by purchase flag, coloring by purchase status or first/last zone, and adjusting node speed. The visualization uses d3.forceSimulation to position nodes dynamically as data updates, rendering SVG circles and text with radial gradients for zone backgrounds, while reading session data from a JavaScript array of step objects.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed