Skip to content

A timeline

Example document timeline.did

It is explained in 10.1 A timeline.

What it demonstrates

From 10.1 A timeline:

This definition was written with the timeline specification of DISL 17.2 (timeline.dis). It is a DID 0.1 definition, kept as written: it names the 0.1 schema and "did": "0.1", and it is read as a DID 0.2 definition with the same meaning. Several things to notice:

  • Elements are a flat list; relations are separate.
  • All placement of tasks and milestones lives in the model (start, end, assignee). The view stores only a moved label and the viewport.
  • References (assignee, relation ends) are plain ids.
  • Unset attributes and defaults are omitted (status of Build pages, lag of most dependencies).

Views generated from the file

This view is drawn by this site from timeline.did itself. It shows the data in the document, not the notation the diagram draws.

Structure of timeline.did. Flowchart of the data in timeline.did: 6 elements (Milestone, Resource, Task) as boxes by type and id, and 3 relations (Dependency) as arrows from source to target.
Generated from timeline.did at 10c1ea0
Diagram as text (Mermaid)
flowchart LR
  accTitle: Structure of timeline.did
  accDescr: Flowchart of the data in timeline.did: 6 elements (Milestone, Resource, Task) as boxes by type and id, and 3 relations (Dependency) as arrows from source to target.
  ms_01K5YZT2["Milestone<br/>ms_01K5YZT2<br/>Go live"]
  res_01K5YX10["Resource<br/>res_01K5YX10<br/>Design team"]
  res_01K5YX11["Resource<br/>res_01K5YX11<br/>Frontend"]
  task_01K5YY01["Task<br/>task_01K5YY01<br/>Wireframes"]
  task_01K5YY02["Task<br/>task_01K5YY02<br/>Visual design"]
  task_01K5YY03["Task<br/>task_01K5YY03<br/>Build pages"]
  task_01K5YY01 -->|Dependency| task_01K5YY02
  task_01K5YY02 -->|Dependency| task_01K5YY03
  task_01K5YY03 -->|Dependency| ms_01K5YZT2

The file

Download timeline.did (2,172 bytes, unchanged from the source).

{
  "$schema": "https://etalii.net/adp/did/schema/0.1/did.schema.json#/$defs/Definition",
  "did": "0.1",
  "language": { "id": "org.example.timeline", "version": "0.4.0" },
  "meta": { "createdAt": "2026-09-21T08:12:00Z", "modifiedAt": "2026-09-25T16:40:00Z", "generator": "Reference runtime 0.1" },
  "diagram": {
    "attributes": {
      "title": "Website relaunch",
      "projectStart": "2026-10-01",
      "projectEnd": "2026-12-18",
      "holidays": ["2026-10-03", "2026-12-24", "2026-12-25"]
    }
  },
  "elements": [
    { "id": "ms_01K5YZT2", "type": "Milestone",
      "attributes": { "title": "Go live", "start": "2026-12-01", "assignee": "res_01K5YX10" } },
    { "id": "res_01K5YX10", "type": "Resource", "attributes": { "name": "Design team" } },
    { "id": "res_01K5YX11", "type": "Resource", "attributes": { "name": "Frontend", "position": 1, "capacity": 2 } },
    { "id": "task_01K5YY01", "type": "Task",
      "attributes": { "title": "Wireframes", "start": "2026-10-01", "end": "2026-10-09",
                      "assignee": "res_01K5YX10", "status": "done", "progress": 1 } },
    { "id": "task_01K5YY02", "type": "Task",
      "attributes": { "title": "Visual design", "start": "2026-10-12", "end": "2026-10-30",
                      "assignee": "res_01K5YX10", "status": "active", "progress": 0.4 } },
    { "id": "task_01K5YY03", "type": "Task",
      "attributes": { "title": "Build pages", "start": "2026-11-03", "end": "2026-11-27",
                      "assignee": "res_01K5YX11" } }
  ],
  "relations": [
    { "id": "dep_01K5Z1A8", "type": "Dependency", "source": "task_01K5YY01", "target": "task_01K5YY02" },
    { "id": "dep_01K5Z1A9", "type": "Dependency", "source": "task_01K5YY02", "target": "task_01K5YY03",
      "attributes": { "lag": 1 } },
    { "id": "dep_01K5Z1B0", "type": "Dependency", "source": "task_01K5YY03", "target": "ms_01K5YZT2" }
  ],
  "views": [
    {
      "id": "v_schedule",
      "viewpoint": "main",
      "name": "Schedule",
      "viewport": { "x": 0, "y": 0, "zoom": 1 },
      "nodes": {
        "task_01K5YY02": { "labels": { "dates": { "dx": 4, "dy": 0 } } }
      },
      "edges": {}
    }
  ]
}

In an IDE

No IDE host runs this example yet.