Rebar UI

1.0

opinion

PertChart

A task network that works out each task's slack and draws the critical path.

Harbour launchScrub the report date and watch the critical path move
Oct 17, 2026Latest
Oct 3, 2026Oct 17, 2026
One task
Empty

In context

Launch planningHarbour rebrand, due 24 Oct
Launch pathNine days end to end
On track

The homepage is the critical path; the van livery can slip two days without moving launch.

Props

PropTypeRequiredDefault
tasksPertTask[]Yes—
titlestring | undefinedNo—
ariaLabelstring | undefinedNo—
widthnumber | undefinedNo560
heightnumber | undefinedNo380
paddingnumber | undefinedNo—
bionicboolean | undefinedNo—
bionicOptionsBionicOptions | undefinedNo—

data-rebar-* attributes

data-rebar-component="pert-chart" on the root (built on NodeLinkGraph, so its own toolbar/pan/zoom parts render underneath too); data-rebar-part="critical-node" on a zero-slack task's box, "node-box" otherwise.

Migrating to Ant Design

Not codemod-covered — AntD ships no diagramming components of its own; a PERT/CPM network diagram typically migrates to a dedicated project-management library rather than an antd component.