What data format is required for the tasks?

Tasks must be provided as a JSON array where each object includes a name, startDate, endDate, progress, and optional dependencies.

Can I track task dependencies?

Yes, you can define dependencies by referencing the index or ID of preceding tasks within the task object.

Is it possible to mark specific dates as milestones?

Yes, by setting the 'isMilestone' flag to true in your task configuration, the tool will render a distinct milestone marker.

Can I customize the colors of the chart?

Yes, the tool provides specific configuration options for task bars, completed progress, milestones, dependency lines, and grid colors.

What time units are supported?

You can choose between days, weeks, or months to best suit the scale of your project timeline.

Elysia Tools

Navigation

Data Visualization

Gantt Chart Generator

Create professional Gantt charts with task timelines, dependencies, progress tracking, and milestone markers

Execution

Run this tool

Fill in the form, run the tool, and review the result in one place.

Inputs

Options are grouped so long tools stay easier to scan.

26 options

ContentPaste or type the main input values.4

Chart TitletextOptionalTitle that will be displayed above the Gantt chartTaskstextareaRequiredTasks as JSON array with name, startDate, endDate, progress, dependencies, and optional milestone and assigneeCurrent DatetextOptionalDate to mark as "today" on the chartFont FamilytextOptionalFont family for text elements

SettingsAdjust formats, ranges, numbers, and modes.15

Time UnitselectOptionalDate FormatselectOptionalBar HeightnumberOptionalHeight of task bars in pixelsTask Bar ColorcolorOptionalBackground color for task barsCompleted ColorcolorOptionalColor for completed portion of task barsMilestone ColorcolorOptionalColor for milestone markersDependency ColorcolorOptionalColor for dependency linesToday Line ColorcolorOptionalColor for the today indicator lineGrid ColorcolorOptionalColor for grid linesBackground ColorcolorOptionalBackground color of the chartChart WidthnumberOptionalWidth of the chart in pixelsChart HeightnumberOptionalHeight of the chart in pixelsFont SizenumberOptionalFont size for labels and textTitle Font SizenumberOptionalFont size for the chart titleAnimation DurationnumberOptionalAnimation duration in milliseconds

TogglesEnable or disable optional behavior.7

Show GridcheckboxOptionalEnabled when checkedDisplay background grid linesShow DependenciescheckboxOptionalEnabled when checkedDisplay dependency arrows between tasksShow MilestonescheckboxOptionalEnabled when checkedDisplay milestone markersshow ProgresscheckboxOptionalEnabled when checkedDisplay progress bars on tasksShow LabelscheckboxOptionalEnabled when checkedDisplay task names and informationShow Today LinecheckboxOptionalEnabled when checkedDisplay a line indicating the current dateEnable AnimationcheckboxOptionalEnabled when checkedAnimate the chart when it loads

Result

Ready for a run

Run the tool to preview files, text, structured data, or streamed output here.

Samples

Examples that match this tool

Continue with connected tools and hubs

[{"name": "Design", "startDate": "2024-01-01", "endDate": "2024-01-15", "progress": 100}, {"name": "Development", "startDate": "2024-01-16", "endDate": "2024-02-28", "progress": 60, "dependencies": ["task-0"]}]

Gantt Chart Generator

Run this tool

Inputs

Result

Examples that match this tool

Continue with connected tools and hubs

Inputs

Result

Learn when to use this tool, what it supports, and how real users apply it.

Key facts

Overview

When to use

How it works

Use cases

Examples

1. Software Development Lifecycle

2. Marketing Campaign Timeline

FAQ

QR Code Samples

Rome JavaScript Toolchain Samples

Distributed Tracing Samples

ELK Stack Log Analysis Samples

Comparison Bar Chart Generator

Donut Chart Generator

Funnel Chart Generator

Milestone Chart Generator

Chart and Diagram Generators

JSON Schema, Mock Data, and API Fixture Generators

JSON to Typed Code Generators (TypeScript, Go, Rust, Kotlin, Java, C#)

JSON Interchange and Format Translation Tools