Charts — Event Drop Chart — Semiotic

This page requires JavaScript for interactive chart demos.

View on GitHub · npx semiotic-ai for CLI access

Machine-readable page content

Canonical: https://semiotic.nteract.io/charts/event-drop-chart

charts

import { EventDropChart } from "semiotic/physics"

Prop	Type	Required	Default	Description
`data`	array	Yes	—	Event rows with event and arrival times.
`timeAccessor`	string \| function	—	`"time"`	Event-time field used for windows.
`arrivalAccessor`	string \| function	—	`"arrivalTime"`	Arrival-time field used for ingestion pacing.
`windows`	object	—	`{ size: 10 }`	Window config such as { size, gapPolicy }.
`watermark`	object \| function	—	—	Watermark delay object or resolver function.
`timeScale`	number	—	`1`	Arrival replay playback speed; higher is faster (1 = real event-time).
`ballRadius`	number	—	`5`	Radius for each simulated event body.
`colorBy`	string \| function	—	—	Categorical field used to color bodies.
`seed`	number	—	`1`	Deterministic simulation seed.
`showProjection`	boolean	—	`true`	Draw the window bins, watermark, closed windows, and late-event scaffold over the moving bodies.
`size`	array	—	`[760, 360]`	[width, height] in pixels.
`width`	number	—	`760`	Width alias used when size is omitted.
`height`	number	—	`360`	Height alias used when size is omitted.
`hoverRadius`	number	—	`16`	Pixel hit radius for event-body hover tooltips.
`paused`	boolean	—	`false`	Pause the simulation.
`tooltip`	boolean \| function \| object	—	`true`	Enable the default event-body tooltip, pass a custom tooltip renderer/config, or set false to disable hover tooltips.
`frameProps`	object	—	—	Advanced StreamPhysicsFrame props.