gantt-chart-visualization

Design and implement Gantt charts and schedule visualizations from project-management data sources.

5.3k|765|Updated Mar 4, 2026
One-click install
npx skills add https://github.com/openai/plugins --skill gantt-chart-visualization
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: gantt-chart-visualization
Source: https://github.com/openai/plugins/tree/main/plugins/build-web-data-visualization/skills/gantt-chart-visualization
Command: npx skills add https://github.com/openai/plugins --skill gantt-chart-visualization

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Teams struggle to decide whether a Gantt chart is the right surface for schedule data and how to map exports from tools like MS Project, Jira, or GitHub Projects into a correct, performant, and accessible timeline visualization.

Core Features & Use Cases

  • Chart-fit decisions: Determines whether Gantt, Kanban, milestone timeline, dependency graph, or resource timeline best fits the scheduling question.
  • Source ingestion guidance: Maps MS Project XML, Primavera P6, Jira Advanced Roadmaps, GitHub Projects, Smartsheet, monday.com, Asana, ClickUp, Azure DevOps, and CSV/XLSX exports into a normalized schedule model with provenance.
  • Implementation guidance: Covers stack selection (DHTMLX, Bryntum, Highcharts, Frappe, FullCalendar, D3, Canvas), interaction contracts, virtualization, accessibility, export, and testing gates.
  • Use Case: Given a 10,000-activity construction schedule exported from P6, design a virtualized Gantt with critical path, baselines, dependency editing, and PDF export.

Quick Start

Ask the assistant to design an interactive Gantt chart for your project schedule data and specify the source system, task count, and whether editing is required.

Frequently Asked Questions about gantt-chart-visualization

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I build a Gantt chart from Jira or MS Project data?

Classify the source first, then map native and custom fields into a normalized model of tasks, dependencies, calendars, and baselines while preserving source IDs. Use Project XML for MS Project and Jira REST or Advanced Roadmaps CSV for Jira, marking inferred fields with confidence notes.

Which Gantt chart library should I use for a web app?

Use enterprise components like Bryntum, DHTMLX, Kendo UI, or Syncfusion when dependency editing, baselines, and scheduling rules are required. For read-only reporting, Highcharts Gantt, Frappe Gantt, or Plotly work well, and D3 or Canvas fits custom or dense renderings.

When should I not use a Gantt chart?

Avoid Gantt when status flow matters more than dates (use Kanban), when only a few milestones exist (use a milestone timeline), when booking resources without dependencies (use a calendar), or when dates are unreliable but blocker topology matters (use a dependency graph).

How do I render a Gantt chart with 10,000 tasks?

Virtualize rows with a single synchronized scroll model, cull bars outside the visible time range, and render dependency links only for visible or selected rows. Use a hybrid HTML grid with Canvas bars and links when DOM cost dominates.

Can GitHub Projects data drive a Gantt timeline?

Yes, via Projects v2 GraphQL date and iteration fields, but GitHub issues have no native start/end schedule fields. Milestones are due-date markers only, so avoid inventing task spans and preserve field IDs and provenance.

Why do imported Gantt dates shift by one day?

Date-only exports mixed with datetime APIs cause timezone boundary shifts. Normalize all dates with an explicit timezone policy, fixed locale parsing, and documented inclusive or exclusive finish-date handling before rendering.