Gantt Chart

Task rows derive normalized interval geometry before rect marks render the schedule.

Gantt Chart

Data Sources

7

Fields

13

Scales

3

Layers

10

Glyphs

45

line 21 / rect 6 / text 18

Discovery: Jan 5, 2026 to Jan 19, 2026Data audit: Jan 12, 2026 to Feb 2, 2026Compiler gaps: Jan 26, 2026 to Feb 16, 2026Gallery update: Feb 9, 2026 to Mar 2, 2026Visual QA: Mar 2, 2026 to Mar 16, 2026Documentation: Mar 9, 2026 to Mar 30, 2026Jan 3, 2026Jan 20, 2026Feb 7, 2026Feb 24, 2026Mar 14, 2026Apr 1, 2026DiscoveryData auditCompiler gapsGallery updateVisual QADocumentation14 days21 days21 days21 days14 days21 days

Data Flow Diagram

0/462 nodes
0/870 edges
462 hidden

Select a glyph to highlight its complete source path.

Scope

Roles

source
transform
field
scale
layer
param
glyph

No matching flow nodes

Adjust search, scope, or role filters.

Available Data

7 tables
1 transforms

Raw task intervals

tasks
raw
7 columns
feeds task-intervals

ChartSpec

{
  "id": "catalogue.gantt",
  "data": [
    {
      "id": "tasks",
      "rows": 6
    },
    {
      "id": "milestones",
      "rows": 1
    },
    {
      "id": "intervals",
      "rows": 6
    },
    {
      "id": "__guide.x-grid",
      "rows": 6
    },
    {
      "id": "__guide.y-grid",
      "rows": 6
    },
    {
      "id": "__guide.x",
      "rows": 6
    },
    {
      "id": "__guide.y",
      "rows": 6
    }
  ],
  "transforms": [
    {
      "id": "task-intervals",
      "type": "interval",
      "input": "tasks",
      "output": "intervals",
      "options": {
        "startField": "startDate",
        "endField": "endDate",
        "labelField": "task",
        "unit": "day"
      }
    }
  ],
  "axes": [
    {
      "id": "x",
      "scale": "x",
      "orientation": "bottom",
      "tickFormat": {
        "style": "date"
      }
    },
    {
      "id": "y",
      "scale": "y",
      "orientation": "left"
    }
  ],
  "grids": [
    {
      "id": "x-grid",
      "scale": "x",
      "orientation": "x"
    },
    {
      "id": "y-grid",
      "scale": "y",
      "orientation": "y"
    }
  ],
  "fields": [
    "task",
    "phase",
    "status",
    "start",
    "end",
    "duration",
    "durationLabel",
    "tooltip",
    "startDate",
    "endDate",
    "value",
    "label",
    "center"
  ],
  "scales": [
    {
      "id": "x",
      "type": "time",
      "domain": {
        "source": "field",
        "data": "intervals",
        "field": "start",
        "fields": [
          "start",
          "end"
        ],
        "padding": 0.02
      }
    },
    {
      "id": "y",
      "type": "band",
      "domain": {
        "source": "field",
        "data": "intervals",
        "field": "task"
      }
    },
    {
      "id": "color",
      "type": "ordinal",
      "domain": {
        "source": "field",
        "data": "intervals",
        "field": "status"
      }
    }
  ],
  "layers": [
    {
      "id": "x-grid",
      "mark": "line",
      "role": "guide"
    },
    {
      "id": "y-grid",
      "mark": "line",
      "role": "guide"
    },
    {
      "id": "x-axis",
      "mark": "line",
      "role": "guide"
    },
    {
      "id": "x-tick-marks",
      "mark": "line",
      "role": "guide"
    },
    {
      "id": "x-labels",
      "mark": "text",
      "role": "guide"
    },
    {
      "id": "y-axis",
      "mark": "line",
      "role": "guide"
    },
    {
      "id": "y-labels",
      "mark": "text",
      "role": "guide"
    },
    {
      "id": "milestone-lines",
      "mark": "line",
      "role": "guide"
    },
    {
      "id": "interval-bars",
      "mark": "rect",
      "role": "data"
    },
    {
      "id": "duration-labels",
      "mark": "text",
      "role": "guide"
    }
  ]
}

Resolved SceneGraph

{
  "scene": "catalogue.gantt.scene",
  "scales": [
    {
      "id": "x",
      "type": "time",
      "domain": [
        "2026-01-03",
        "2026-04-01"
      ],
      "range": [
        118,
        726
      ],
      "ticks": [
        1767398400000,
        1768919040000,
        1770439680000,
        1771960320000,
        1773480960000,
        1775001600000
      ]
    },
    {
      "id": "y",
      "type": "band",
      "domain": [
        "Discovery",
        "Data audit",
        "Compiler gaps",
        "Gallery update",
        "Visual QA",
        "Documentation"
      ],
      "range": [
        26,
        304
      ],
      "bandwidth": 35.21333333333334
    },
    {
      "id": "color",
      "type": "ordinal",
      "domain": [
        "Done",
        "Active",
        "Queued"
      ],
      "range": [
        "var(--colors-green-9)",
        "var(--colors-blue-9)",
        "var(--colors-amber-9)"
      ]
    }
  ],
  "layers": [
    {
      "id": "x-grid",
      "role": "guide",
      "zIndex": 0,
      "glyphs": 6
    },
    {
      "id": "y-grid",
      "role": "guide",
      "zIndex": 0,
      "glyphs": 6
    },
    {
      "id": "x-axis",
      "role": "guide",
      "zIndex": 0,
      "glyphs": 1
    },
    {
      "id": "y-axis",
      "role": "guide",
      "zIndex": 0,
      "glyphs": 1
    },
    {
      "id": "x-tick-marks",
      "role": "guide",
      "zIndex": 5,
      "glyphs": 6
    },
    {
      "id": "milestone-lines",
      "role": "guide",
      "zIndex": 6,
      "glyphs": 1
    },
    {
      "id": "interval-bars",
      "role": "data",
      "zIndex": 10,
      "glyphs": 6
    },
    {
      "id": "x-labels",
      "role": "guide",
      "zIndex": 20,
      "glyphs": 6
    },
    {
      "id": "y-labels",
      "role": "guide",
      "zIndex": 20,
      "glyphs": 6
    },
    {
      "id": "duration-labels",
      "role": "guide",
      "zIndex": 20,
      "glyphs": 6
    }
  ]
}

Glyph Data Tree

10 layers

Full parameter lineage for the active compiler surface.

x-grid

6

y-grid

6

x-axis

1

y-axis

1

x-tick-marks

6

milestone-lines

1

interval-bars

6

x-labels

6

y-labels

6

duration-labels

6

Glyph Inspector

none

Select a glyph in the chart to inspect resolved params and lineage.