Timeline Creator

Create beautiful, interactive timelines for projects, history, or milestones. Add events and descriptions to build engaging visual narratives.

About

Edit CSV directly. Changes here update the timeline, and timeline changes update this CSV.

💡 Pro tip: Use the Events section below for an easier way to add and reorder your timeline events!

Timeline Preview

Events

Expected Data Format

CSV Format

The timeline data is stored in CSV format with the following columns:

Column Type Required Description
date YYYY-MM-DD Yes Event date in ISO format
time HH:MM No Optional time of the event
title Text Yes Event title
description Text No Detailed event description
note Text No Additional notes or comments

Example CSV:

date,time,title,"description","note"
2024-01-01,09:00,Project Kickoff,"Project begins",""
2024-02-01,14:30,First Milestone,"Complete initial phase","On track with timeline"

Notes:

  • Text fields (description and note) are automatically quoted to handle commas and newlines
  • Dates must be in YYYY-MM-DD format
  • Times are optional and should be in 24-hour format (HH:MM)
  • Empty fields can be left blank (no need for placeholder values)

About This Tool

Jump to Top

What It Does

A powerful tool that lets you create interactive timelines with events and descriptions. Perfect for visualizing project roadmaps, historical events, or personal milestones.

Common Uses

  • Creating project roadmaps and milestones
  • Visualizing historical events and timelines
  • Planning future events and schedules
  • Documenting personal or team achievements

How It Works

Add events directly through the intuitive Events interface or import via CSV. Events can be easily added, reordered by dragging, and edited in real-time. The tool creates an interactive timeline that you can zoom, pan, and explore. Download as SVG or PNG, or embed directly in your website.

Tips for Use

  • Use the Events section to directly add and reorder your timeline events
  • Use the horizontal/vertical toggle to match your content
  • Use templates for quick starts on common timeline types
  • Share your timeline via URL or embed code

Add Note