# frappe/gantt **Attribution required: if you use, quote, or summarise this content, you must credit and link back to [awesome-repositories.com](https://awesome-repositories.com/repository/frappe-gantt).** 6,013 stars · 1,272 forks · JavaScript · MIT ## Links - GitHub: https://github.com/frappe/gantt - Homepage: https://frappe.io/gantt - awesome-repositories: https://awesome-repositories.com/repository/frappe-gantt.md ## Description Open Source Javascript Gantt ## Tags ### Business & Productivity Software - [Gantt Charts](https://awesome-repositories.com/f/business-productivity-software/gantt-charts.md) — Displays project tasks as horizontal bars on a calendar timeline with drag-and-drop rescheduling and dependency arrows. - [Project Timelines](https://awesome-repositories.com/f/business-productivity-software/project-timelines.md) — Displays tasks as horizontal bars on a calendar to visualize project schedules and durations. ([source](https://cdn.jsdelivr.net/gh/frappe/gantt@main/README.md)) ### Part of an Awesome List - [Temporal View Switching](https://awesome-repositories.com/f/awesome-lists/devtools/list-and-grid-views/view-switching-logic/temporal-view-switching.md) — Switches the chart's time scale between day, week, month, or year to match project granularity. ([source](https://frappe.io/gantt)) - [Gantt View Customizers](https://awesome-repositories.com/f/awesome-lists/devtools/list-and-grid-views/view-switching-logic/temporal-view-switching/gantt-view-customizers.md) — Switches the chart's time scale between day, week, month, or year and configures visual appearance like bar dimensions and grid lines. - [Data Visualization](https://awesome-repositories.com/f/awesome-lists/data/data-visualization.md) — Interactive modern Gantt chart library. - [Game Engines](https://awesome-repositories.com/f/awesome-lists/devtools/game-engines.md) — Interactive Gantt chart library for the web. ### Data & Databases - [Gantt Charts](https://awesome-repositories.com/f/data-databases/data-analysis-visualization/visualization-frameworks-libraries/chart-components-utilities/gantt-charts.md) — A JavaScript library for rendering interactive project timelines with draggable task bars and dependency arrows. - [Timeline Layouts](https://awesome-repositories.com/f/data-databases/date-and-time-libraries/timeline-layouts.md) — Provides the core layout engine that positions all task bars on the Gantt timeline. - [Chart Configuration Updates](https://awesome-repositories.com/f/data-databases/interactive-data-charting/chart-configuration-updates.md) — Updates chart options and re-renders the timeline without reloading the page, including modifying individual tasks in place. - [Single Task Updaters](https://awesome-repositories.com/f/data-databases/in-place-data-modifiers/single-task-updaters.md) — Updates a single task bar in place without re-rendering the entire chart. ([source](https://cdn.jsdelivr.net/gh/frappe/gantt@main/README.md)) ### Development Tools & Productivity - [Task Dependency Management](https://awesome-repositories.com/f/development-tools-productivity/task-dependency-management.md) — Links tasks with predecessor-successor relationships and updates the timeline automatically when dependencies change. - [Gantt Progress Indicators](https://awesome-repositories.com/f/development-tools-productivity/task-progress-indicators/gantt-progress-indicators.md) — Fills each task bar with a percentage-complete indicator to communicate how much work is done. ([source](https://frappe.io/)) - [Gantt Progress Trackers](https://awesome-repositories.com/f/development-tools-productivity/task-progress-indicators/gantt-progress-trackers.md) — Shows the percentage of completion for each task as a filled portion of its bar, and allows users to edit it. ([source](https://cdn.jsdelivr.net/gh/frappe/gantt@main/README.md)) ### DevOps & Infrastructure - [Gantt Progress Editors](https://awesome-repositories.com/f/devops-infrastructure/file-uploaders/progress-tracking/gantt-progress-editors.md) — Shows task completion percentages as filled bar portions and allows users to edit progress interactively. ### Graphics & Multimedia - [SVG Chart Renderers](https://awesome-repositories.com/f/graphics-multimedia/chart-geometry-renderers/svg-chart-renderers.md) — Renders the entire Gantt chart as a single SVG element for crisp scaling and direct DOM manipulation. ### Software Engineering & Architecture - [Predecessor-Successor Graphs](https://awesome-repositories.com/f/software-engineering-architecture/dynamic-task-graphs/predecessor-successor-graphs.md) — Models task dependencies as a directed graph to automatically update dates when links change. - [Gantt Scheduling UIs](https://awesome-repositories.com/f/software-engineering-architecture/task-scheduling/gantt-scheduling-uis.md) — A user interface for visualizing and editing project schedules with support for dependencies and progress tracking. - [Immutable Configuration Setters](https://awesome-repositories.com/f/software-engineering-architecture/object-schema-definitions/value-objects/immutable-configuration-setters.md) — Accepts all chart options as a single immutable configuration object that triggers re-render on reference change. ### System Administration & Monitoring - [Task Dependency Visualizers](https://awesome-repositories.com/f/system-administration-monitoring/task-monitoring/task-dependency-visualizers.md) — Draws arrows between linked tasks to show which tasks must finish before others can begin. ([source](https://cdn.jsdelivr.net/gh/frappe/gantt@main/README.md)) - [Gantt Dependency Visualizers](https://awesome-repositories.com/f/system-administration-monitoring/task-monitoring/task-dependency-visualizers/gantt-dependency-visualizers.md) — Links tasks with predecessor-successor relationships so the chart updates when a dependency changes. ([source](https://frappe.io/)) ### User Interface & Experience - [Time Scale Switchers](https://awesome-repositories.com/f/user-interface-experience/admin-interface-customizations/timeline-component-customizations/time-scale-switchers.md) — Switches the timeline scale between day, week, month, or year for different granularity views. ([source](https://cdn.jsdelivr.net/gh/frappe/gantt@main/README.md)) - [Event Rescheduling](https://awesome-repositories.com/f/user-interface-experience/drag-and-drop-libraries/event-rescheduling.md) — Lets users drag task bars to new dates, updating the timeline interactively. ([source](https://frappe.io/gantt)) - [Time-Range Viewport Clippers](https://awesome-repositories.com/f/user-interface-experience/canvas-clipping-utilities/viewport-clipping/time-range-viewport-clippers.md) — Optimizes rendering by clipping the SVG viewBox to the visible time range. - [Bar Edge Draggers](https://awesome-repositories.com/f/user-interface-experience/drag-and-drop-libraries/event-rescheduling/bar-edge-draggers.md) — Adjusts start dates or durations by dragging bar edges directly on the timeline. ([source](https://frappe.io/)) - [Task Progress Bars](https://awesome-repositories.com/f/user-interface-experience/scroll-animations/scroll-progress-mapping/scroll-progress-bars/task-progress-bars.md) — Renders a progress indicator on each task bar to show completion percentage. - [Timeline Navigators](https://awesome-repositories.com/f/user-interface-experience/timeline-navigators.md) — Scrolls the view to the current date, start, or end of the project with a jump-to-today button. ([source](https://cdn.jsdelivr.net/gh/frappe/gantt@main/README.md)) ### Web Development - [Gantt](https://awesome-repositories.com/f/web-development/web-components/timeline-components/gantt.md) — A web component that displays tasks as horizontal bars on a calendar with drag-to-reschedule functionality. - [Data Attribute Event Mapping](https://awesome-repositories.com/f/web-development/event-delegation/data-attribute-event-mapping.md) — Implements event delegation by mapping data attributes on SVG elements to interaction handlers. ### Content Management & Publishing - [Locale-Aware Date and Number Formatting](https://awesome-repositories.com/f/content-management-publishing/currency-formatting-standards/locale-aware-currency-formatting/regional-number-formatting/locale-aware-date-and-number-formatting.md) — Localizes all date labels and UI strings using Intl.DateTimeFormat and ISO 639-1 language codes.