Gantt Overview
Available in: All plans
Last updated: 26-Feb-2026
Overview
The Gantt chart is a fully interactive, canvas-rendered schedule visualization built into Kazinex. It supports bar styles, dependency lines, drag interactions, zoom controls, and a minimap — all powered by a custom rendering engine optimized for large schedules.
Access the Gantt by switching to Split or Gantt view using the view mode toggle in the toolbar.
Bar Styles
Every activity is drawn as a bar whose appearance is determined by bar style rules. Kazinex ships with 12 default bar styles that are applied in priority order — the first matching style wins.
Default Bar Styles
| Style | Colour | When It Applies | Visible by Default |
|---|---|---|---|
| Normal Task | Blue | All activities (fallback) | Yes |
| Critical Task | Red | Total float ≤ 0 | Yes |
| Milestone | Purple diamond | Milestone activities | Yes |
| Summary | Dark, pointed ends | WBS summary rows | Yes |
| Level of Effort | Cyan, striped | LOE activities | Yes |
| Progress | Dark overlay | Activities with progress > 0% | Yes |
| Constraint Marker | Rose diamond | Activities with constraints | Yes |
| Baseline | Slate grey | All activities (below main bar) | No |
| Actual | Emerald | All activities (actual dates) | No |
| Total Float | Lime, striped | Activities with float > 0 | No |
| Late Dates | Amber, dashed | All activities (late dates) | No |
| Remaining Work | Orange, hollow | Activities < 100% complete | No |
Styles marked "No" are hidden by default but can be enabled in the Bar Styles dialog.
Bar Shapes
Each bar consists of a start cap, body, and end cap, each with its own shape:
End Shapes (start and end caps):
| Shape | Description |
|---|---|
| Flat | Straight vertical edge |
| Pointed | Arrow/chevron pointing outward |
| Rounded | Semicircle cap |
| Fenced | Picket fence style (P6-style for LOE) |
| Notched | V-notch |
| Diamond | Diamond/lozenge (milestones) |
| None | No visible cap |
Body Shapes:
| Shape | Description |
|---|---|
| Solid | Filled rectangle |
| Hollow | Outline only |
| Striped | Diagonal hatch lines |
| Dashed | Dashed outline |
| Dotted | Dotted outline |
| Gradient | Gradient fill (default for tasks) |
| Necked | Pinched at progress point (P6-style) |
Dependencies
Relationship lines connect activities to show scheduling logic. Kazinex supports all four Primavera relationship types:
| Type | Meaning | Connection |
|---|---|---|
| FS (Finish-to-Start) | Successor starts after predecessor finishes | Right edge → Left edge |
| SS (Start-to-Start) | Both start together | Left edge → Left edge |
| FF (Finish-to-Finish) | Both finish together | Right edge → Right edge |
| SF (Start-to-Finish) | Predecessor start drives successor finish | Left edge → Right edge |
Routing
Dependency lines use orthogonal routing (right-angle turns only) to avoid crossing through bars:
- Lines exit from the bar edge with a short horizontal stub.
- Vertical segments route through channels between rows.
- Multiple parallel lines spread across 3 lanes with 10 px spacing to avoid overlapping.
- Same-row FS relationships route through the row's top gutter.
- Each line ends with an arrowhead pointing toward the successor.
Critical Path Dependencies
When both the predecessor and successor are on the critical path, the dependency line is coloured red for easy identification.
Navigation
Zoom
Six zoom levels let you see your schedule at different time granularities:
| Level | View | Pixels/Day |
|---|---|---|
| Hour | Individual hours within days | 480 |
| Day | Daily view | 30 |
| Week | Weekly view (default) | 15 |
| Month | Monthly view | 3 |
| Quarter | Quarterly view | 1 |
| Year | Yearly overview | 0.25 |
- Use Ctrl+Scroll (or pinch on touch devices) to zoom in and out.
- Right-click the Gantt background for Zoom In, Zoom Out, and Fit to Window options.
Pan
Click and drag the Gantt background to pan horizontally and vertically. The grid and Gantt share a synchronized vertical scroll in Split mode.
Minimap
A small minimap (200 × 40 px) in the corner shows the full project date range as a grey bar with your current viewport highlighted in blue. Click or drag on the minimap to quickly navigate to any part of the schedule. Date labels in the corners show the project start and end dates.
Timeline Header
The timeline header runs along the top of the Gantt with two tiers:
| Tier | Purpose |
|---|---|
| Top tier | Coarser time units (years, quarters, months) |
| Bottom tier | Finer time units (months, weeks, days) |
Five pre-configured tier modes are available:
| Mode | Top Tier | Bottom Tier | Best For |
|---|---|---|---|
| Year / Quarter | Year | Quarter | Multi-year programmes |
| Year / Month | Year | Month | 1–3 year projects (default) |
| Quarter / Month | Quarter | Month | 6–18 month programmes |
| Month / Week | Month | Week | 3–12 month projects |
| Week / Day | Week | Day | 1–3 month lookahead |
Configure the tier mode in the Timescale dialog.
Data Date Line
A vertical data date line marks the project status date (data date) on the Gantt:
- Default colour: red, 2 px wide
- A small triangle indicator at the top makes it easy to spot.
- Hover to see a tooltip with the exact date.
- Click to pin the tooltip until you dismiss it (press Escape or click elsewhere).
Configure the data date display (colour, width, style, label) in the Chart Options dialog.
Drag Interactions
In Editor Mode, three drag interactions are available:
Move a Bar
Drag an activity bar left or right to change its start date. The bar snaps to the nearest day boundary by default.
Resize a Bar
Drag the left or right edge of a bar to change its start or finish date independently.
Drag to Link
Drag from one bar's edge to another bar's edge to create a new relationship. A rubber-band line follows your cursor, with green anchor circles at the source and target. The relationship type (FS, SS, FF, SF) is determined by which edges you connect.
All drag operations support snap-to-grid at hour, day, or week granularity.
Right-Click Context Menus
Bar Context Menu
Right-click an activity bar for:
- View Activity Details — Open the details panel for this activity
- Show Critical Path — Highlight the critical path
- Show Total Float — Display float information
- Filter to This Activity — Apply a filter showing only this activity
- Zoom to Fit This Bar — Zoom and pan to centre on this bar
- Find in Grid — Scroll the grid to this activity's row
Background Context Menu
Right-click the Gantt background for:
- Zoom In / Zoom Out — Adjust zoom level
- Fit to Window — Zoom to show the entire project
- Bars — Open the Bar Styles dialog
- Bar Chart Options — Open the Chart Options dialog
- Timescale — Open the Timescale dialog
Settings Dialogs
Bar Styles Dialog
Customize how bars look on the Gantt:
- Add, clone, or delete bar styles
- Drag to reorder style priority (first match wins)
- Toggle visibility per style
- Per-style settings across 4 tabs:
- General — Name, row position, filter condition, height (10–100%)
- Shape & Colour — Start shape, body shape, end shape with colour pickers
- Date Mapping — Which date fields drive the bar (early, late, actual, baseline, planned)
- Labels — Add text labels at left, right, top, or bottom of the bar (activity name, dates, float, etc.)
- Click Reset to Defaults to restore the factory bar style set
Chart Options Dialog
Control the Gantt's visual behaviour across 7 tabs:
| Tab | Key Settings |
|---|---|
| Display | Show/hide dependencies, baseline bars, critical path, float bars, progress labels, milestones, summary bars. Color-by mode (criticality, status, calendar, activity code). |
| General | Grid lines (column/row), line colour and width, weekend/holiday/non-work shading with colours, chart background. |
| Data Date | Show/hide, line colour, width (1–6 px), style (solid/dashed/dotted), label font size. |
| Sight Lines | Up to 3 configurable vertical marker lines with custom label, date, colour, and style. |
| Progress Line | Show/hide, on-track colour, behind-schedule colour, date labels. |
| Collapsed Bars | How very short bars appear: threshold, height, colour. |
| Dependencies | Line and critical-line colour, line width (0.5–4 px). |
Timescale Dialog
Configure the timeline header:
| Section | Settings |
|---|---|
| Timescale Format | Number of header rows (2 or 3), tier mode preset |
| Zoom & Density | Zoom level, pixels per day (0.25–50) |
| Unit Overrides | Override major/minor unit independently |
| Calendar Options | Show weekends, enable fiscal year display, fiscal year start month |
Next Steps
- Activities Grid — Return to the full grid reference
- Comparison Overview — Compare schedules side by side
- Quality Overview — Run governance checks on your schedule