1 viewer
Back to Components
Component · Visualization

HyperEdge3D

One n-ary relation over an authoritative member SET of Node3D ids; optional ordered parts preserve offer/want or hop semantics without pairwise expansion.

Category
Visualization
Slots
1
States
0
Writer
Legacy
cre8.primitive.hyper-edge3-d

Preview

Live renderLegacy writer: Scene, Camera, Node3D, HyperEdge3D

HyperEdge3D · Multi-Party Settlement

HyperEdge3D · Multi-Party Settlement
edge_settlement · settlement (4 members): node_alice, node_bob, node_contract, node_vaultAlice (Account) · account · weight 1Alice (Account)Bob (Validator) · peer · weight 1.2Bob (Validator)Settlement Vault · settle · weight 1.8Settlement VaultEscrow Contract · crystal · weight 2Escrow Contract
<Scene
  height={280}
  projection="isometric"
  title="HyperEdge3D · Multi-Party Settlement"
>
  <Camera focus="node_contract" mode="orbit" />
  <Node3D
    id="node_alice"
    kind="account"
    label="Alice (Account)"
    weight={1.0}
  />
  <Node3D id="node_bob" kind="peer" label="Bob (Validator)" weight={1.2} />
  <Node3D
    id="node_contract"
    kind="crystal"
    label="Escrow Contract"
    weight={2.0}
  />
  <Node3D
    id="node_vault"
    kind="settle"
    label="Settlement Vault"
    weight={1.8}
  />
  <HyperEdge3D
    id="edge_settlement"
    kind="settlement"
    members={["node_alice", "node_bob", "node_contract", "node_vault"]}
    parts={[["node_alice", "node_bob"], ["node_contract", "node_vault"]]}
    weight={2.5}
  />
</Scene>

Variants

States and intents
Orbit: 45° PitchZoom: 1.0xFov: 46°Lighting: 3-Point Ambient
3D Camera viewport parameters hydrated into Three.js OrbitControls.

Anatomy

The named parts of the rendered markup. Recipes style these hooks, and every renderer keeps them stable.

SlotDOM class
root.primitive-hyperedge3d
1 row

States and platforms

The states the contract publishes, the platforms it declares, and the style recipes that dress it.

States
No published states
Platforms
webnative
Recipes
unstyledruntime-console

Renderers

Legacy writer
HyperEdge3D has no shared writer yet: the server renders it through its legacy path, which the WASM DOM does not share.

The example above still needs shared writers for: Scene, Camera, Node3D, HyperEdge3D.

Declared adapters. A status is the manifest's declaration, not a measured parity result.

TargetRendererStatus
webreactexperimental
nativenative-adapterexperimental
2 rows

Accessibility

Semantic structure must stay available without visual styling.

  • Expose meaningful names for interactive controls.
  • Keep keyboard and pointer behavior equivalent where the platform supports it.
  • Publish state with native semantics and data attributes where the adapter supports them.