1 viewer
Back to Components
Component · Visualization

Node3D

One topology vertex in a Scene (id + kind hue + weight magnitude); positions are renderer-owned, never grammar-carried.

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

Preview

Live renderLegacy writer: Scene, Camera, Node3D, HyperEdge3D

Node3D · Relational Graph Ring

Node3D · Relational Graph Ring
edge_mesh · pipeline (4 members): node_gateway, node_compute, node_hyperdb, node_agentGateway · gateway · weight 1.5GatewayCRE8VM Compute · vm · weight 2.5CRE8VM ComputeAutonomous Agent · agent · weight 1Autonomous AgentHyperDB Storage · db · weight 2HyperDB Storage
<Scene
  height={280}
  projection="isometric"
  title="Node3D · Relational Graph Ring"
>
  <Camera focus="node_compute" mode="orbit" />
  <Node3D id="node_gateway" kind="gateway" label="Gateway" weight={1.5} />
  <Node3D id="node_compute" kind="vm" label="CRE8VM Compute" weight={2.5} />
  <Node3D id="node_hyperdb" kind="db" label="HyperDB Storage" weight={2.0} />
  <Node3D
    id="node_agent"
    kind="agent"
    label="Autonomous Agent"
    weight={1.0}
  />
  <HyperEdge3D
    id="edge_mesh"
    kind="pipeline"
    members={["node_gateway", "node_compute", "node_hyperdb", "node_agent"]}
    weight={1.8}
  />
</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-node3d
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
Node3D 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.