Export Image
Export Code

lines with D3 and React

bsarfo

0 views in last 90 days
Last edited Sep 17, 2025
Created on Sep 17, 2025

Movable Lines Visualization

This visualization allows you to move connected lines by clicking on them and using the left/right arrow keys.

How to Use

  1. Click on any line group (labeled A, B, C, D, or E)
  2. Press the left arrow key to move the selected group left
  3. Press the right arrow key to move the selected group right
  4. Each key press moves the group by 10 units

The selected group will be the one that responds to keyboard input.

MIT Licensed