const commonTaskProps = { data: cityPulseTasks, taskIDAccessor: "id", labelAccessor: "title", laneAccessor: "lane", startAccessor: "startDay", endAccessor: "endDay", progressAccessor: "progress", statusAccessor: "status", dependencyAccessor: "dependsOn", completionTimeAccessor: "completedDay", blockerAccessor: "blockerReason", } // View 1 — conventional swimlane, via the shipped recipe. <OrdinalCustomChart data={cityPulseTasks} layout={intervalLanesLayout} categoryAccessor="lane" oExtent={LANES} layoutConfig={{ laneAccessor: "lane", startAccessor: "startDay", endAccessor: "endDay", domain: [0, 18], lanes: LANES, axisTicks: [0, 3, 6, 9, 12, 15, 18], periods: [{ start: 0, end: 11, name: "Elapsed through day 11" }], color: (task) => STATUS_FILL[task.status], }} /> <ChainReactionChart {...commonTaskProps} currentTime={11} mechanism="domino-ball" orientation="vertical" mode="replay" insight="blocker-amplification" /> // A preview changes mechanical state, never supplied data. machineRef.current.previewResolve("privacy-approval")