サンプル集

Gallery

Timeline DSL のサンプル年表一覧です。各カードから Playground で編集・カスタマイズできます。

より詳しい事例ページは Showcase をご覧ください →

5 種類のサンプルを掲載しています。

日本近現代史

幕末から大正時代までの主要な政治・文化イベントを year 単位で整理した年表

歴史年表

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

この例を編集する

ソフトウェア開発ロードマップ

フェーズと節目を span / event で表現したプロジェクト年表

プロジェクト管理ロードマップ

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

この例を編集する

架空世界年表

王朝・事件・人物を 3 つの lane で整理した創作世界の歴史

創作世界観

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

この例を編集する

ライブラリ リリースサイクル

メジャー・マイナーバージョンと LTS 期間を span で可視化した例

プロジェクト管理OSS

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

この例を編集する

人物年表

出生から没年まで、生涯の主要な出来事を event で記録した例

歴史伝記

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

この例を編集する