Create a diagonal timeline

Make a timeline of [your topic] for Timeline Graph (https://timelinegraph.app).

Write it as JSON in this format:
- Required: `title`, and `items` (at least one), each with a `label` and a `date`.
- Dates: a year number (negative for BCE) or text such as "1905", "March 1905", "1905-03-14", "c. 500 BCE" or "1930s". For a span such as a lifetime, put its start in `date` and the span in `dateLabel` ("1596–1650").
- Optional per item: `id` (a short slug that links refer to), `era`, `description`, `url`, `tags`, and `entries`: sub-points listed under the item, as strings, or as `{ "id", "text" }` when a link points at them.
- Optional `eras`: `[{ "id", "label", "start", "end" }]`, coloured periods; when they have `start` dates, items fall into them by date.
- Optional `links`: `[{ "from", "to", "type" }]` between item or entry ids. `type` is "influenced" (arc below the axis) or "opposed" (above), unless you define `linkTypes`: `[{ "id", "label", "inverseLabel", "side": "above" | "below" }]`.
- Optional `tags`: `[{ "id", "label", "color" }]`, used in items’ and entries’ `tags`.
- Colours are optional hex strings like "#c98a1a"; leave them out to use the built-in palette.

Example: {"title":"Early modern philosophy","eras":[{"id":"rationalism","label":"Rationalism","start":1600},{"id":"enlightenment","label":"Enlightenment","start":1700,"end":"1789"}],"tags":[{"id":"epistemology","label":"Epistemology","color":"#2f86c9"}],"items":[{"id":"descartes","label":"René Descartes","date":1596,"dateLabel":"1596–1650","tags":["epistemology"],"entries":[{"id":"cogito","text":"Cogito, ergo sum"},"Mind–body dualism"]},{"id":"spinoza","label":"Baruch Spinoza","date":1632,"entries":["God or Nature is one substance"]},{"id":"hume","label":"David Hume","date":1711,"tags":["epistemology"],"entries":[{"id":"induction","text":"The problem of induction"}]}],"links":[{"from":"descartes","to":"spinoza","type":"influenced"},{"from":"cogito","to":"induction","type":"opposed"}]}

Aim for 15–40 items with entries under the important ones, a few eras, and links where one thing clearly influenced or opposed another. Use the same language as this message.

Then give me:
1. A link that opens it: https://timelinegraph.app/import#json= followed by the compact JSON, URL-encoded (as encodeURIComponent would). If you can run code, make a shorter link instead with this Python:

import json, zlib, base64
timeline = {...}  # the timeline JSON as a dict
c = zlib.compressobj(9, zlib.DEFLATED, -15)
data = c.compress(json.dumps(timeline, ensure_ascii=False, separators=(",", ":")).encode()) + c.flush()
print("https://timelinegraph.app/import#" + base64.urlsafe_b64encode(data).decode().rstrip("="))

2. The JSON in a ```json code block, so I can use “Paste JSON” on the site if the link doesn’t open.

If I ask for an HTML file: a page with <link rel="stylesheet" href="https://timelinegraph.app/viewer/viewer.css">, <div id="root"></div>, the JSON in <script id="timeline-data" type="application/json">, and <script defer src="https://timelinegraph.app/viewer/viewer.js"></script>.