Smart UI Gantt Chart for JavaScript

Smart HTML ElementsScheduling & Planning ToolsJavaScript

Visualize and manage project timelines with advanced dependencies.

  • Displays tasks with durations on a time-based horizontal axis.
  • Supports complex project structures including milestones and dependencies.
  • Provides interactive editing, scheduling, and state management features.
Smart HTML Elements logo

Prices from:

Loading...
Available in
Smart UI (Smart HTML Elements)Loading
Smart UI Gantt Chart for JavaScript product image
Smart UI Gantt Chart for JavaScript offers a detailed Gantt chart that presents project tasks and milestones along a timeline. It supports hierarchical task groups, task dependencies, progress tracking, and dynamic rescheduling. Developers can customize task columns, handle complex projects, and integrate localized interfaces to support global applications.

Task and Project Visualization

Illustrates project tasks and their durations as horizontal bars against a time axis, with support for grouping tasks into projects and marking milestones distinctly.

Dependency and Critical Path Management

Enables defining and visualizing dependencies between tasks, including various connection types, and highlights critical paths directly impacting project timelines.

Interactive Task Editing

Allows updating, inserting, and removing tasks or projects dynamically through API methods or user interactions, including drag-and-drop resizing and progress adjustments.

Auto Scheduling and Strict Mode

Automatically recalculates and shifts task start and end dates based on dependencies, with a strict mode that locks tasks to optimized schedules preventing manual adjustments.

Customizable Task Columns

Configures the task tree's columns with adjustable labels, values, sizes, and formatting functions to tailor the information presented in the task list.

Localization Support

Includes out-of-the-box translations for twenty languages, enabling quick adaptation of the UI to various locales for global project teams.

Save and Load State

Supports saving the Gantt Chart state to local storage and loading from it, facilitating restoring project views and managing multiple timeline snapshots.

Event Handling and Keyboard Navigation

Fires events for task operations like dragging, resizing, inserting, and updating, with keyboard shortcuts for navigation and canceling operations.

Product Compatibility

Review the details below to ensure this product is supported within your environment.

Component Type

  • JavaScript

JavaScript Platform

  • Vanilla JavaScript