Skip to content

Quick Start

Start by reading a short .tdsl file, try it in the Playground, then save and validate it with the CLI.

timeline "Reading Notes" {
title "Reading Notes";
unit year;
range 2024..2026;
calendar proleptic_gregorian;
}
lane "Books" as books { kind custom; order 10; }
event books 2025 "Trying Timeline DSL" { id "event:first"; };

Use timeline for the overall timeline, lane for vertical axes, and event for individual occurrences. The Grammar & Samples page has short examples explaining how to read the syntax.

Open this sample in the Playground

In the Playground, the source passed via the source query is loaded directly into the editor, where you can validate it and view the SVG preview — all in your browser.

Save the same content as sample.tdsl and validate it with the CLI.

Terminal window
tdsl check sample.tdsl
tdsl lint sample.tdsl

If the output is successful, the file has passed syntax and basic quality checks. Use build to inspect the result as JSON.

Terminal window
tdsl build sample.tdsl --pretty --output sample.json

To view it in a browser, render it as a standalone HTML file.

Terminal window
tdsl render sample.tdsl --output sample.html