> ## Documentation Index
> Fetch the complete documentation index at: https://learn.nextedy.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Visualization

> Control the appearance of task bars, colors, columns, markers, and timescales in your Nextedy GANTT chart.

export const LastReviewed = ({date}) => {
  if (!date) return null;
  const formatted = new Date(`${date}T00:00:00Z`).toLocaleDateString("en-US", {
    year: "numeric",
    month: "long",
    day: "numeric",
    timeZone: "UTC"
  });
  return <p className="mt-10 text-sm text-gray-400 dark:text-zinc-500 not-prose">
      Last reviewed on {formatted}
    </p>;
};

## Colors and Styling

* **[Configure Item Colors](/gantt/guides/visualization/configure-colors)** — Set static or dynamic colors on task bars using Item Scripts and Gantt Config Scripts
* **[Customize Progress-Related Coloring](/gantt/guides/visualization/progress-coloring)** — Change the default colors for overdue, delayed, resolved, and unplanned items
* **[Configure Resource Allocation Marker Colors](/gantt/guides/visualization/resource-marker-colors)** — Customize the color thresholds for over-allocated and within-capacity resource markers
* **[Use Square Task Borders](/gantt/guides/visualization/square-task-borders)** — Switch from rounded to square task bar corners

## Text and Labels

* **[Configure Right-Side Text on Task Bars](/gantt/guides/visualization/right-side-text)** — Display status, progress, or custom fields next to each task bar
* **[Customize Text Inside Task Bars](/gantt/guides/visualization/text-inside-bars)** — Control the label shown inside the task bar itself
* **[Customize Gantt Tooltips](/gantt/guides/visualization/tooltips)** — Configure the hover tooltip content for task bars

## Grid and Columns

* **[Configure Grid Columns](/gantt/guides/visualization/columns)** — Add, remove, and reorder columns in the Gantt grid
* **[Manage Column Visibility](/gantt/guides/visualization/column-visibility)** — Let users toggle column visibility at runtime

## Timeline and Scale

* **[Configure the Time Scale](/gantt/guides/visualization/timescale)** — Set zoom levels, date formats, and scale units
* **[Adjust Gantt Row Height](/gantt/guides/visualization/row-height)** — Change the height of task rows in the chart
* **[Highlight Off-Days in the Timeline](/gantt/guides/visualization/off-day-highlighting)** — Shade weekends and holidays in the timeline background

## Milestones and Markers

* **[Configure Milestone Work Items](/gantt/guides/visualization/milestones)** — Display point-in-time events as diamond shapes on the chart
* **[Show Deadlines and Due Dates](/gantt/guides/visualization/deadlines)** — Overlay deadline indicators on task bars
* **[Create and Configure Markers](/gantt/guides/visualization/markers)** — Add vertical line markers for today, milestones, or custom dates

## Schedule Comparison

* **[Compare Schedule with Baselines](/gantt/guides/visualization/baselines-comparison)** — Show planned versus actual dates as dual task bars
* **[Use Classic Project Brackets View](/gantt/guides/visualization/classic-project-brackets)** — Display parent items as bracket-style summary bars

<Tip title="Scripting for Advanced Customization">
  Many visualization features can be further customized through [Item Scripts](/gantt/guides/scripting/item-script-basics) and [Gantt Config Scripts](/gantt/guides/scripting/gantt-config-script). See [Color Logic Script Examples](/gantt/guides/scripting/color-logic-scripts) for practical color customization patterns.
</Tip>

<LastReviewed date="2026-07-02" />