Gantt Chart

Visualizes the timeline and progress of tasks or projects, often used for project management. This provides a clear visual representation of the project schedule, including start and end dates, durations, dependencies, and progress. It is an essential tool for project planning, monitoring, and control, helping to ensure that projects are completed on time and within budget.

Chart:

Code:

  muze
    .canvas()
    .columns([muze.Operators.share("Start_Date", "End_Date")])
    .rows(["Task_Name"])
    .detail(["Duration_Days"])
    .layers([
      {
        mark: "bar",
        encoding: {
          x: "Start_Date",
          x0: "End_Date",
          color: {
            value: () => "#8DD3C7",
          },

        },
      },
    ])
    .config({
      rows: {
        facets: {
          fields: {
            Task_Name: {
              show: false,
            },
          },
        },
      },
      columns: {
        headers: {
          show: false,
        },
      },
      axes: {
        x: {
          name: "Time Estimate",
          nice: false,
        },
        y: {
          fields: {
            Task_Name: {
              ordering: {
                type: "custom",
                values: [
                  "Project Planning",
                  "Research Phase",
                  "Design Phase",
                  "Development Phase",
                  "Testing Phase",
                  "Deployment",
                  "Feedback Collection",
                  "Final Report",
                ],
              },
            },
          },
        },
      },
    })