Searchlight
Tools
BlogAbout
Free SEO Audit
Back to home
๐Ÿ“ˆSEO & Analytics
๐Ÿ—‚๏ธText & Data
๐Ÿ”Encoders & Decoders
โšกGenerators
๐Ÿ”„Converters
๐Ÿ–ผ๏ธImage Tools
๐Ÿ“„PDF Tools
๐Ÿ’ปCode Tools
๐Ÿ”Regex & Parsing
๐ŸงฎCalculators
๐Ÿ—บ๏ธDiagrams
Mind MapFlowchartUML DiagramsSketch DiagramER DiagramGantt ChartFunction PlotterJSON TreeNetwork Graph
๐ŸŒNetwork & Web
โœ๏ธText Utilities
๐ŸŽจColor Tools
๐Ÿ”€Diff & Compare
148+ tools. OAuth is read-only.
Searchlight

148+ free SEO, developer, image, PDF, and productivity tools - no account needed.

Free ยท all tools included
Company
  • Blog
  • About
  • Free SEO Audit
Legal
  • Privacy Policy
  • Terms of Service
  • Cookie Policy

ยฉ 2026 Searchlight. All rights reserved.

Read-only OAuth ยท No data reselling ยท Completely free

Gantt Chart

Build project timeline Gantt charts using Mermaid syntax.

Mermaid Gantt Syntax
Task status tags: done, active, crit - add before the task ID
Preview

Click Render to preview


About this tool

Build project Gantt charts directly in your browser - add tasks, set start and end dates, assign owners, and define dependencies. Drag tasks to reschedule them. Export as PNG, PDF, or SVG for stakeholder presentations. A fast alternative to MS Project or Jira for planning sprints, launches, and project timelines.

How to Create a Gantt Chart Online

  1. 1Click 'Add Task' and enter the task name, start date, and end date.
  2. 2Drag the task bar left or right to adjust dates.
  3. 3Drag the right edge of a bar to extend or shorten the duration.
  4. 4Connect tasks by dragging from one bar's end to another's start.
  5. 5Export as PNG or PDF for your project plan presentation.

Frequently Asked Questions

What is a Gantt chart?+
A Gantt chart is a horizontal bar chart showing project tasks against a calendar timeline. Each bar represents a task - its length shows duration, its position shows start and end dates. Dependencies are shown as arrows between tasks.
How do I set task dependencies in a Gantt chart?+
Click the end of one task bar and drag to the start of the dependent task to create a finish-to-start dependency arrow. The dependent task cannot start before its predecessor finishes.
What is the critical path?+
The critical path is the longest sequence of dependent tasks that determines the project's minimum duration. Delays to any task on the critical path delay the whole project. Enable 'Show critical path' to highlight it.
Can I share a Gantt chart with my team?+
Export as PDF or PNG for sharing in emails or presentations. Export as JSON to reload the chart later. For live collaboration, connect your project data to a shared spreadsheet source.
Looking for a deeper guide on this topic? Browse the Searchlight blog.
Visit the blog โ†’

Related tools

View all Diagrams โ†’
Mind MapInteractive mind map editor (markmap)FlowchartFlowchart & sequence diagrams via MermaidUML DiagramsClass, sequence & activity diagramsSketch DiagramFreehand whiteboard - shapes, arrows, text