PlaygroundGalleryShowcaseDocsChangelogGitHub

Sample collection

Gallery

A collection of Timeline DSL sample timelines. Click "Edit this example" on any card to edit and customize it in the Playground.

Looking for fully built examples? See the Showcase →

5 samples available.

Modern Japanese History

A year-based timeline of major political and cultural events from the late Edo period through the Taisho era.

HistoryChronology

source.tdsl

timeline "日本近現代史" {
    title "日本近現代史";
    unit year;
    range 1853..1926;
    calendar proleptic_gregorian;
}

lane "政治" as politics { kind custom; order 10; }
lane "外交" as diplomacy { kind custom; order 20; }
lane "文化" as culture { kind custom; order 30; }

event politics 1868 "明治改元" { tags ["era"]; };
span politics 1868..1912 "明治時代" { tags ["era"]; };
span politics 1912..1926 "大正時代" { tags ["era"]; };
event diplomacy 1853 "黒船来航" {};
event diplomacy 1854 "日米和親条約" {};
event diplomacy 1894 "日清戦争開始" {};
event diplomacy 1904 "日露戦争開始" {};
event culture 1872 "新橋〜横浜間鉄道開業" {};
event culture 1885 "内閣制度発足" {};

preview

Edit this example

Software Development Roadmap

A project timeline expressing phases and milestones with span / event.

Project managementRoadmap

source.tdsl

timeline "開発ロードマップ" {
    title "開発ロードマップ";
    unit year;
    range 2024..2028;
    calendar proleptic_gregorian;
}

lane "フェーズ" as phases { kind custom; order 10; }
lane "リリース" as releases { kind custom; order 20; }

span phases 2024..2025 "要件定義・設計" { tags ["phase"]; };
span phases 2025..2026 "開発" { tags ["phase"]; };
span phases 2026..2027 "テスト・改善" { tags ["phase"]; };
span phases 2027..2028 "安定稼働" { tags ["phase"]; };
event releases 2025 "α版リリース" { tags ["milestone"]; };
event releases 2026 "β版リリース" { tags ["milestone"]; };
event releases 2027 "v1.0 GA" { tags ["milestone"]; };

preview

Edit this example

Fictional World Chronicle

A fictional world's history organized into three lanes for dynasties, incidents, and people.

CreativeWorldbuilding

source.tdsl

timeline "架空世界年表" {
    title "架空世界年表";
    unit year;
    range 980..1260;
    calendar proleptic_gregorian;
}

lane "王朝" as realm { kind custom; order 10; }
lane "事件" as incident { kind custom; order 20; }
lane "人物" as people { kind custom; order 30; }

span realm 990..1184 "灰都王朝" { tags ["dynasty"]; };
span realm 1200..1260 "東方連盟" { tags ["dynasty"]; };
event incident 1042 "北方遠征" {};
event_range incident 1130..1137 "継承戦争" { tags ["war"]; };
span people 1088..1162 "巡礼王" { tags ["person"]; };
event people 1184 "王朝終焉" {};

preview

Edit this example

Library Release Cycle

An example visualizing major/minor versions and LTS periods with span.

Project managementOSS

source.tdsl

timeline "ライブラリ リリースサイクル" {
    title "ライブラリ リリースサイクル";
    unit year;
    range 2020..2028;
    calendar proleptic_gregorian;
}

lane "メジャー" as major { kind custom; order 10; }
lane "LTS" as lts { kind custom; order 20; }

span major 2020..2022 "v1.x" {};
span major 2022..2024 "v2.x" {};
span major 2024..2026 "v3.x" {};
span major 2026..2028 "v4.x" {};
span lts 2022..2025 "v2.x LTS" { tags ["lts"]; };
span lts 2024..2027 "v3.x LTS" { tags ["lts"]; };
event major 2022 "v2.0 リリース" {};
event major 2024 "v3.0 リリース" {};
event major 2026 "v4.0 リリース" {};

preview

Edit this example

Biographical Timeline

An example recording the major events of a life, from birth to death, using event.

HistoryBiography

source.tdsl

timeline "ある人物の生涯" {
    title "ある人物の生涯";
    unit year;
    range 1850..1940;
    calendar proleptic_gregorian;
}

lane "生涯" as life { kind custom; order 10; }
lane "著作" as works { kind custom; order 20; }

span life 1850..1940 "全生涯" {};
event life 1850 "誕生" {};
event life 1870 "大学入学" {};
event life 1878 "最初の職" {};
event life 1910 "引退" {};
event life 1940 "没" {};
event works 1882 "処女作刊行" {};
event works 1895 "代表作刊行" {};
event works 1920 "全集出版" {};

preview

Edit this example