1 viewer
Back to Components
Component · Visualization

Marker3D

Point event addressed to a surface cell (column + bucket); the renderer maps its kind to an effect.

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

Preview

Live renderLegacy writer: Scene, Camera, Heightfield, Series3D, Marker3D

Marker3D · Surface Event Annotation

Marker3D · Surface Event Annotation Intensity by Time × Bucket 6
t0 · Alpha · value 1t0 · Bravo · value 2t1 · Alpha · value 2.5t0 · Charlie · value 3t1 · Bravo · value 4t2 · Alpha · value 3t1 · Charlie · value 5.5t2 · Bravo · value 5t3 · Alpha · value 2t2 · Charlie · value 6t3 · Bravo · value 3.5t3 · Charlie · value 4.5settlement · Settlement Event #42 · t2 · bucket 1 · 5Settlement Event #42Intensity by Time × Bucket
<Scene
  height={280}
  projection="isometric"
  title="Marker3D · Surface Event Annotation"
>
  <Camera focus="surface" mode="orbit" />
  <Heightfield
    id="surface_grid"
    scrollAxis="x"
    window={6}
    xAxis={{ label: "Time", semantic: "time" }}
    yAxis={{ label: "Intensity", semantic: "value" }}
    zAxis={{ label: "Bucket", semantic: "bucket" }}
  >
    <Series3D
      buckets={["Alpha", "Bravo", "Charlie"]}
      columns={[
        [0, [1.0, 2.0, 3.0]],
        [1, [2.5, 4.0, 5.5]],
        [2, [3.0, 5.0, 6.0]],
        [3, [2.0, 3.5, 4.5]]
      ]}
      id="depth"
      label="Telemetry"
      window={6}
    />
  </Heightfield>
  <Marker3D
    at={{ bucket: 1, column: 2 }}
    kind="settlement"
    label="Settlement Event #42"
    value={5.0}
  />
</Scene>

Anatomy

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

SlotDOM class
root.primitive-marker3d
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
Marker3D 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, Heightfield, Series3D, Marker3D.

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.