Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Dragging HTML Elements 2

Public visualization

Viewing a saved revision (read-only)

a0261cc6e57841cdb17f1458907971bf

Fork of Dragging HTML Elements 2

0 stars0🌍 Public
Cchristian jensen
Last edited Sep 30, 2022
Created on Sep 30, 2022

This interactive workflow modeller demonstrates a drag-and-drop interface for composing workload selections. Users arrange draggable items from an available pool into collection containers and target slots, with support for multi-selection, cloning, and collapsible or deletable groups. The interface relies on custom HTML elements, including `vc-dragcontainer`, `vc-dragitem`, and `vc-dragclosebutton`, which manage drag events, drop groups, and selection states. The code also includes save and restore functions for persisting connection configurations, with inline SVG graphics used within certain draggable items.

AI-generated description