diff --git a/assets/workflows/diagrams/custom-display-names.d2 b/assets/workflows/diagrams/custom-display-names.d2
index e9d6001..d57f01b 100644
--- a/assets/workflows/diagrams/custom-display-names.d2
+++ b/assets/workflows/diagrams/custom-display-names.d2
@@ -1,47 +1,26 @@
-vars: {
- d2-config: {
- layout-engine: dagre
- theme-id: 102
- sketch: true
- pad: 10
- }
-}
-
-style.fill: "#FCF9FA"
-style.stroke: "#170206"
direction: down
-title: {
+title: {
label: custom-display-names
- near: top-center
- shape: text
- style.font-size: 30
- style.font-color: "#170206"
+ class: diagram-title
}
+
root-task: {
label: "Root(3)"
- style.fill: "#F0FFF0"
- style.stroke: "#3F4B40"
- style.font-color: "#000000"
+ class: computed
}
leaf0: {
label: "Leaf Nr. 0"
- style.fill: "#F0FFF0"
- style.stroke: "#3F4B40"
- style.font-color: "#000000"
+ class: computed
}
-root-task -> leaf0: {style.stroke: "#170206"}
+root-task -> leaf0: {class: subtask-edge}
leaf1: {
label: "Leaf Nr. 1"
- style.fill: "#F0FFF0"
- style.stroke: "#3F4B40"
- style.font-color: "#000000"
+ class: computed
}
-root-task -> leaf1: {style.stroke: "#170206"}
+root-task -> leaf1: {class: subtask-edge}
leaf2: {
label: "Leaf Nr. 2"
- style.fill: "#F0FFF0"
- style.stroke: "#3F4B40"
- style.font-color: "#000000"
+ class: computed
}
-root-task -> leaf2: {style.stroke: "#170206"}
+root-task -> leaf2: {class: subtask-edge}
diff --git a/assets/workflows/diagrams/download-dog-images-recursive.d2 b/assets/workflows/diagrams/download-dog-images-recursive.d2
index a02faca..452fa40 100644
--- a/assets/workflows/diagrams/download-dog-images-recursive.d2
+++ b/assets/workflows/diagrams/download-dog-images-recursive.d2
@@ -1,116 +1,76 @@
-vars: {
- d2-config: {
- layout-engine: dagre
- theme-id: 102
- sketch: true
- pad: 10
- }
-}
-
-style.fill: "#FCF9FA"
direction: down
-title: {
+title: {
label: download-dog-images-recursive
- near: top-center
- shape: text
- style.font-size: 30
- style.font-color: "#170206"
+ class: diagram-title
}
+
01916ed6-dad9-69de-e2b9-498bfd4063ec: {
label: "DownloadRandomDogImages"
- style.fill: "#F0FFF0"
- style.stroke: "#3F4B40"
- style.font-color: "#000000"
+ class: computed
}
01916ed6-ed2c-8108-aaf6-9c3e36b2be71: {
label: "DownloadRandomDogImages"
- style.fill: "#F0FFF0"
- style.stroke: "#3F4B40"
- style.font-color: "#000000"
+ class: computed
}
-01916ed6-dad9-69de-e2b9-498bfd4063ec -> 01916ed6-ed2c-8108-aaf6-9c3e36b2be71: {style.stroke: "#170206"}
+01916ed6-dad9-69de-e2b9-498bfd4063ec -> 01916ed6-ed2c-8108-aaf6-9c3e36b2be71: {class: subtask-edge}
01916ed6-f486-0ecc-b38b-f6227ff00a64: {
label: "DownloadImage"
- style.fill: "#F0FFF0"
- style.stroke: "#3F4B40"
- style.font-color: "#000000"
+ class: computed
}
-01916ed6-ed2c-8108-aaf6-9c3e36b2be71 -> 01916ed6-f486-0ecc-b38b-f6227ff00a64: {style.stroke: "#170206"}
+01916ed6-ed2c-8108-aaf6-9c3e36b2be71 -> 01916ed6-f486-0ecc-b38b-f6227ff00a64: {class: subtask-edge}
01916ed6-f486-7440-7137-8eff4418bb33: {
label: "DownloadImage"
- style.fill: "#F0FFF0"
- style.stroke: "#3F4B40"
- style.font-color: "#000000"
+ class: computed
}
-01916ed6-ed2c-8108-aaf6-9c3e36b2be71 -> 01916ed6-f486-7440-7137-8eff4418bb33: {style.stroke: "#170206"}
+01916ed6-ed2c-8108-aaf6-9c3e36b2be71 -> 01916ed6-f486-7440-7137-8eff4418bb33: {class: subtask-edge}
01916ed6-f486-96f5-935e-60f53a9e236a: {
label: "DownloadImage"
- style.fill: "#F0FFF0"
- style.stroke: "#3F4B40"
- style.font-color: "#000000"
+ class: computed
}
-01916ed6-ed2c-8108-aaf6-9c3e36b2be71 -> 01916ed6-f486-96f5-935e-60f53a9e236a: {style.stroke: "#170206"}
+01916ed6-ed2c-8108-aaf6-9c3e36b2be71 -> 01916ed6-f486-96f5-935e-60f53a9e236a: {class: subtask-edge}
01916ed7-0baf-73da-1803-f84c268462bf: {
label: "DownloadImage"
- style.fill: "#F0FFF0"
- style.stroke: "#3F4B40"
- style.font-color: "#000000"
+ class: computed
}
-01916ed7-062b-8b76-089b-d6afefbeda9d -> 01916ed7-0baf-73da-1803-f84c268462bf: {style.stroke: "#170206"}
+01916ed7-062b-8b76-089b-d6afefbeda9d -> 01916ed7-0baf-73da-1803-f84c268462bf: {class: subtask-edge}
01916ed6-f486-b3b4-ba10-e866c110cd5f: {
label: "DownloadImage"
- style.fill: "#F0FFF0"
- style.stroke: "#3F4B40"
- style.font-color: "#000000"
+ class: computed
}
-01916ed6-ed2c-8108-aaf6-9c3e36b2be71 -> 01916ed6-f486-b3b4-ba10-e866c110cd5f: {style.stroke: "#170206"}
+01916ed6-ed2c-8108-aaf6-9c3e36b2be71 -> 01916ed6-f486-b3b4-ba10-e866c110cd5f: {class: subtask-edge}
01916ed6-ed2c-cd72-4f0b-ec87c45cb3f7: {
label: "DownloadRandomDogImages"
- style.fill: "#F0FFF0"
- style.stroke: "#3F4B40"
- style.font-color: "#000000"
+ class: computed
}
-01916ed6-dad9-69de-e2b9-498bfd4063ec -> 01916ed6-ed2c-cd72-4f0b-ec87c45cb3f7: {style.stroke: "#170206"}
+01916ed6-dad9-69de-e2b9-498bfd4063ec -> 01916ed6-ed2c-cd72-4f0b-ec87c45cb3f7: {class: subtask-edge}
01916ed7-062b-8b76-089b-d6afefbeda9d: {
label: "DownloadRandomDogImages"
- style.fill: "#F0FFF0"
- style.stroke: "#3F4B40"
- style.font-color: "#000000"
+ class: computed
}
-01916ed6-ed2c-cd72-4f0b-ec87c45cb3f7 -> 01916ed7-062b-8b76-089b-d6afefbeda9d: {style.stroke: "#170206"}
+01916ed6-ed2c-cd72-4f0b-ec87c45cb3f7 -> 01916ed7-062b-8b76-089b-d6afefbeda9d: {class: subtask-edge}
01916ed7-0baf-8926-8a77-732688abe0cb: {
label: "DownloadImage"
- style.fill: "#F0FFF0"
- style.stroke: "#3F4B40"
- style.font-color: "#000000"
+ class: computed
}
-01916ed7-062b-8b76-089b-d6afefbeda9d -> 01916ed7-0baf-8926-8a77-732688abe0cb: {style.stroke: "#170206"}
+01916ed7-062b-8b76-089b-d6afefbeda9d -> 01916ed7-0baf-8926-8a77-732688abe0cb: {class: subtask-edge}
01916ed7-1b55-55e6-f4ab-d931df99d369: {
label: "DownloadImage"
- style.fill: "#F0FFF0"
- style.stroke: "#3F4B40"
- style.font-color: "#000000"
+ class: computed
}
-01916ed7-062b-fdb3-f762-8fef23e661ba -> 01916ed7-1b55-55e6-f4ab-d931df99d369: {style.stroke: "#170206"}
+01916ed7-062b-fdb3-f762-8fef23e661ba -> 01916ed7-1b55-55e6-f4ab-d931df99d369: {class: subtask-edge}
01916ed7-1b55-6209-99c0-8aef11bd35b6: {
label: "DownloadImage"
- style.fill: "#F0FFF0"
- style.stroke: "#3F4B40"
- style.font-color: "#000000"
+ class: computed
}
-01916ed7-062b-fdb3-f762-8fef23e661ba -> 01916ed7-1b55-6209-99c0-8aef11bd35b6: {style.stroke: "#170206"}
+01916ed7-062b-fdb3-f762-8fef23e661ba -> 01916ed7-1b55-6209-99c0-8aef11bd35b6: {class: subtask-edge}
01916ed7-1b55-742f-385b-7167502a2fe2: {
label: "DownloadImage"
- style.fill: "#F0FFF0"
- style.stroke: "#3F4B40"
- style.font-color: "#000000"
+ class: computed
}
-01916ed7-062b-fdb3-f762-8fef23e661ba -> 01916ed7-1b55-742f-385b-7167502a2fe2: {style.stroke: "#170206"}
+01916ed7-062b-fdb3-f762-8fef23e661ba -> 01916ed7-1b55-742f-385b-7167502a2fe2: {class: subtask-edge}
01916ed7-062b-fdb3-f762-8fef23e661ba: {
label: "DownloadRandomDogImages"
- style.fill: "#F0FFF0"
- style.stroke: "#3F4B40"
- style.font-color: "#000000"
+ class: computed
}
-01916ed6-ed2c-cd72-4f0b-ec87c45cb3f7 -> 01916ed7-062b-fdb3-f762-8fef23e661ba: {style.stroke: "#170206"}
+01916ed6-ed2c-cd72-4f0b-ec87c45cb3f7 -> 01916ed7-062b-fdb3-f762-8fef23e661ba: {class: subtask-edge}
diff --git a/assets/workflows/diagrams/download-dog-images.d2 b/assets/workflows/diagrams/download-dog-images.d2
index 26b8cb3..09b337d 100644
--- a/assets/workflows/diagrams/download-dog-images.d2
+++ b/assets/workflows/diagrams/download-dog-images.d2
@@ -1,60 +1,36 @@
-vars: {
- d2-config: {
- layout-engine: dagre
- theme-id: 102
- sketch: true
- pad: 10
- }
-}
-
-style.fill: "#FCF9FA"
direction: down
-title: {
+title: {
label: download-random-dog-images
- near: top-center
- shape: text
- style.font-size: 30
- style.font-color: "#170206"
+ class: diagram-title
}
+
01916b1f-524b-7e2c-ef0e-ff006e44508c: {
label: "DownloadImage"
- style.fill: "#F0FFF0"
- style.stroke: "#3F4B40"
- style.font-color: "#000000"
+ class: computed
}
-01916b1f-4769-73e9-886e-ae0b1dd3ae3d -> 01916b1f-524b-7e2c-ef0e-ff006e44508c: {style.stroke: "#170206"}
+01916b1f-4769-73e9-886e-ae0b1dd3ae3d -> 01916b1f-524b-7e2c-ef0e-ff006e44508c: {class: subtask-edge}
01916b1f-524b-2e44-9bdf-b7d9c38d736c: {
label: "DownloadImage"
- style.fill: "#F0FFF0"
- style.stroke: "#3F4B40"
- style.font-color: "#000000"
+ class: computed
}
-01916b1f-4769-73e9-886e-ae0b1dd3ae3d -> 01916b1f-524b-2e44-9bdf-b7d9c38d736c: {style.stroke: "#170206"}
+01916b1f-4769-73e9-886e-ae0b1dd3ae3d -> 01916b1f-524b-2e44-9bdf-b7d9c38d736c: {class: subtask-edge}
01916b1f-4769-73e9-886e-ae0b1dd3ae3d: {
label: "DownloadRandomDogImages"
- style.fill: "#F0FFF0"
- style.stroke: "#3F4B40"
- style.font-color: "#000000"
+ class: computed
}
01916b1f-524b-8be2-ee23-e0a93a4c2a3a: {
label: "DownloadImage"
- style.fill: "#F0FFF0"
- style.stroke: "#3F4B40"
- style.font-color: "#000000"
+ class: computed
}
-01916b1f-4769-73e9-886e-ae0b1dd3ae3d -> 01916b1f-524b-8be2-ee23-e0a93a4c2a3a: {style.stroke: "#170206"}
+01916b1f-4769-73e9-886e-ae0b1dd3ae3d -> 01916b1f-524b-8be2-ee23-e0a93a4c2a3a: {class: subtask-edge}
01916b1f-524b-b87f-9ee3-6d4676efee9d: {
label: "DownloadImage"
- style.fill: "#F0FFF0"
- style.stroke: "#3F4B40"
- style.font-color: "#000000"
+ class: computed
}
-01916b1f-4769-73e9-886e-ae0b1dd3ae3d -> 01916b1f-524b-b87f-9ee3-6d4676efee9d: {style.stroke: "#170206"}
+01916b1f-4769-73e9-886e-ae0b1dd3ae3d -> 01916b1f-524b-b87f-9ee3-6d4676efee9d: {class: subtask-edge}
01916b1f-524b-fc05-3d4b-cd41be7d2d20: {
label: "DownloadImage"
- style.fill: "#F0FFF0"
- style.stroke: "#3F4B40"
- style.font-color: "#000000"
+ class: computed
}
-01916b1f-4769-73e9-886e-ae0b1dd3ae3d -> 01916b1f-524b-fc05-3d4b-cd41be7d2d20: {style.stroke: "#170206"}
+01916b1f-4769-73e9-886e-ae0b1dd3ae3d -> 01916b1f-524b-fc05-3d4b-cd41be7d2d20: {class: subtask-edge}
diff --git a/assets/workflows/diagrams/generate.py b/assets/workflows/diagrams/generate.py
index 2a94cd2..35181ea 100644
--- a/assets/workflows/diagrams/generate.py
+++ b/assets/workflows/diagrams/generate.py
@@ -1,16 +1,67 @@
from pathlib import Path
import re
-import os
+import subprocess
from tempfile import NamedTemporaryFile
+_LIGHT_THEME = """
+classes: {
+ optional: { style: {opacity: 0.8; stroke-dash: 5 }}
+ queued: { style: {fill: "#FFF0F5"; stroke: "#504448"; font-color: "#000000" }}
+ running: { style: {fill: "#AFEEEE"; stroke: "#0e5253"; font-color: "#000000" }}
+ computed: { style: {fill: "#F0FFF0"; stroke: "#3f4b40"; font-color: "#000000" }}
+ failed: { style: {fill: "#FA8072"; stroke: "#4a1511"; font-color: "#000000" }}
+ skipped: { style: {fill: "#fcf3ae"; stroke: "#877e3c"; font-color: "#000000" }}
+ subtask-edge: { style: {stroke: "#170206" }}
+ dependency-edge: { style: {stroke-dash: 3; stroke: "#9B1A47" }}
+ diagram-title: { near: top-center; shape: text; style: {font-size: 30; font-color: "#170206" }}
+}
+
+style.fill: "#FCF9FA"
+
+vars: {
+ d2-config: {
+ layout-engine: dagre
+ theme-id: 102
+ sketch: true
+ pad: 10
+ }
+}
+""".strip()
+
+_DARK_THEME = """
+classes: {
+ optional: { style: {opacity: 0.8; stroke-dash: 5 }}
+ queued: { style: {fill: "#A37200"; stroke: "#fcc76f"; font-color: "#FFFFFF" }}
+ running: { style: {fill: "#3E7079"; stroke: "#b1e5ef"; font-color: "#FFFFFF" }}
+ computed: { style: {fill: "#265429"; stroke: "#b7ebb8"; font-color: "#FFFFFF" }}
+ failed: { style: {fill: "#A31800"; stroke: "#f78d79"; font-color: "#FFFFFF" }}
+ skipped: { style: {fill: "#c6b63c"; stroke: "#ffed67"; font-color: "#FFFFFF" }}
+ subtask-edge: { style: {stroke: "#F4F1F4" }}
+ dependency-edge: { style: {stroke-dash: 3; stroke: "#F97F76" }}
+ diagram-title: { near: top-center; shape: text; style: {font-size: 30; font-color: "#F4F1F4" }}
+}
+
+style.fill: "#161416"
+
+vars: {
+ d2-config: {
+ layout-engine: dagre
+ theme-id: 102
+ sketch: true
+ pad: 10
+ }
+}
+"""
+
+
def generate_svg(diagram: str, output_file: Path) -> None:
"""Generates an SVG file from a diagram string using d2."""
with NamedTemporaryFile(suffix=".d2") as tmp_file:
Path(tmp_file.name).write_text(diagram)
print("Generating", output_file.name)
- os.system(f"d2 {tmp_file.name} {output_file}")
+ subprocess.run(["d2", tmp_file.name, str(output_file)])
fix_svg_width_height(output_file)
@@ -20,40 +71,11 @@ def generate_light_and_dark_svgs(diagram_file: Path, output_dir: Path):
diagram = diagram_file.read_text()
output_file = output_dir / diagram_file.with_suffix(".svg").name
dark_output_file = output_dir / diagram_file.with_suffix(".dark.svg").name
- generate_svg(diagram, output_file)
- generate_svg(to_dark(diagram), dark_output_file)
-
-
-def to_dark(diagram: str) -> str:
- """Converts a diagram to dark mode by manipulating colors."""
-
- color_mapping = {
- # general
- "#000000": "#FFFFFF",
- # main background color
- "#FCF9FA": "#161416",
- # title text, parent->child edge color
- "#170206": "#F4F1F4",
- # dependency edge color
- "#9B1A47": "#F97F76",
- # queued
- "#FFF0F5": "#A37200",
- "#504448": "#fcc76f",
- # running
- "#AFEEEE": "#3E7079",
- "#0e5253": "#B1E5EF",
- # computed
- "#F0FFF0": "#265429",
- "#3F4B40": "#B7EBB8",
- # failed
- "#FA8072": "#A31800",
- "#4A1511": "#F78D79",
- }
-
- for light_color, dark_color in color_mapping.items():
- diagram = diagram.replace(light_color, dark_color)
-
- return diagram
+
+ light_diagram = _LIGHT_THEME + "\n" + diagram
+ dark_diagram = _DARK_THEME + "\n" + diagram
+ generate_svg(light_diagram, output_file)
+ generate_svg(dark_diagram, dark_output_file)
def fix_svg_width_height(svg_file: Path):
diff --git a/assets/workflows/diagrams/map-reduce-sum-squares.d2 b/assets/workflows/diagrams/map-reduce-sum-squares.d2
index 3eb0bdd..cc2df64 100644
--- a/assets/workflows/diagrams/map-reduce-sum-squares.d2
+++ b/assets/workflows/diagrams/map-reduce-sum-squares.d2
@@ -1,119 +1,66 @@
-vars: {
- d2-config: {
- layout-engine: dagre
- theme-id: 102
- sketch: true
- pad: 10
- }
-}
-
-style.fill: "#FCF9FA"
direction: down
-title: {
+title: {
label: sum-of-squares
- near: top-center
- shape: text
- style.font-size: 30
- style.font-color: "#170206"
+ class: diagram-title
}
019a9176-72e9-edbd-d024-fb99f600e1fa: {
label: "SumOfSquares"
- style.fill: "#F0FFF0"
- style.stroke: "#3F4B40"
- style.font-color: "#000000"
+ class: computed
}
019a9176-76c8-0480-07be-e83bf99dac2c: {
label: "Square(98)"
- style.fill: "#F0FFF0"
- style.stroke: "#3F4B40"
- style.font-color: "#000000"
+ class: computed
}
-019a9176-72e9-edbd-d024-fb99f600e1fa -> 019a9176-76c8-0480-07be-e83bf99dac2c: {style.stroke: "#170206"}
+019a9176-72e9-edbd-d024-fb99f600e1fa -> 019a9176-76c8-0480-07be-e83bf99dac2c: {class: subtask-edge}
019a9176-76c8-04f7-c2c8-e8d372d824bc: {
label: "Square(45)"
- style.fill: "#F0FFF0"
- style.stroke: "#3F4B40"
- style.font-color: "#000000"
+ class: computed
}
-019a9176-72e9-edbd-d024-fb99f600e1fa -> 019a9176-76c8-04f7-c2c8-e8d372d824bc: {style.stroke: "#170206"}
+019a9176-72e9-edbd-d024-fb99f600e1fa -> 019a9176-76c8-04f7-c2c8-e8d372d824bc: {class: subtask-edge}
019a9176-76c8-1a9a-5bd2-c41879b58bda: {
label: "Square(21)"
- style.fill: "#F0FFF0"
- style.stroke: "#3F4B40"
- style.font-color: "#000000"
+ class: computed
}
-019a9176-72e9-edbd-d024-fb99f600e1fa -> 019a9176-76c8-1a9a-5bd2-c41879b58bda: {style.stroke: "#170206"}
+019a9176-72e9-edbd-d024-fb99f600e1fa -> 019a9176-76c8-1a9a-5bd2-c41879b58bda: {class: subtask-edge}
019a9176-76c8-bb8a-5ed9-4f868d205031: {
label: "Square(12)"
- style.fill: "#F0FFF0"
- style.stroke: "#3F4B40"
- style.font-color: "#000000"
+ class: computed
}
-019a9176-72e9-edbd-d024-fb99f600e1fa -> 019a9176-76c8-bb8a-5ed9-4f868d205031: {style.stroke: "#170206"}
+019a9176-72e9-edbd-d024-fb99f600e1fa -> 019a9176-76c8-bb8a-5ed9-4f868d205031: {class: subtask-edge}
019a9176-76c8-6b0f-cc99-aced507f4af3: {
label: "Square(453)"
- style.fill: "#F0FFF0"
- style.stroke: "#3F4B40"
- style.font-color: "#000000"
+ class: computed
}
-019a9176-72e9-edbd-d024-fb99f600e1fa -> 019a9176-76c8-6b0f-cc99-aced507f4af3: {style.stroke: "#170206"}
+019a9176-72e9-edbd-d024-fb99f600e1fa -> 019a9176-76c8-6b0f-cc99-aced507f4af3: {class: subtask-edge}
019a9176-76c8-a875-d48a-6738631806bc: {
label: "Square(345)"
- style.fill: "#F0FFF0"
- style.stroke: "#3F4B40"
- style.font-color: "#000000"
+ class: computed
}
-019a9176-72e9-edbd-d024-fb99f600e1fa -> 019a9176-76c8-a875-d48a-6738631806bc: {style.stroke: "#170206"}
+019a9176-72e9-edbd-d024-fb99f600e1fa -> 019a9176-76c8-a875-d48a-6738631806bc: {class: subtask-edge}
019a9176-76c8-c8c6-2fa6-18bde250fffe: {
label: "Sum"
- style.fill: "#F0FFF0"
- style.stroke: "#3F4B40"
- style.font-color: "#000000"
-}
-
-019a9176-72e9-edbd-d024-fb99f600e1fa -> 019a9176-76c8-c8c6-2fa6-18bde250fffe: {style.stroke: "#170206"}
-
-019a9176-76c8-0480-07be-e83bf99dac2c <- 019a9176-76c8-c8c6-2fa6-18bde250fffe: {
- style.stroke-dash: 3
- style.stroke: "#9B1A47"
-}
-
-019a9176-76c8-04f7-c2c8-e8d372d824bc <- 019a9176-76c8-c8c6-2fa6-18bde250fffe: {
- style.stroke-dash: 3
- style.stroke: "#9B1A47"
+ class: computed
}
-019a9176-76c8-1a9a-5bd2-c41879b58bda <- 019a9176-76c8-c8c6-2fa6-18bde250fffe: {
- style.stroke-dash: 3
- style.stroke: "#9B1A47"
-}
-
-019a9176-76c8-6b0f-cc99-aced507f4af3 <- 019a9176-76c8-c8c6-2fa6-18bde250fffe: {
- style.stroke-dash: 3
- style.stroke: "#9B1A47"
-}
-
-019a9176-76c8-a875-d48a-6738631806bc <- 019a9176-76c8-c8c6-2fa6-18bde250fffe: {
- style.stroke-dash: 3
- style.stroke: "#9B1A47"
-}
-
-019a9176-76c8-bb8a-5ed9-4f868d205031 <- 019a9176-76c8-c8c6-2fa6-18bde250fffe: {
- style.stroke-dash: 3
- style.stroke: "#9B1A47"
-}
+019a9176-72e9-edbd-d024-fb99f600e1fa -> 019a9176-76c8-c8c6-2fa6-18bde250fffe: {class: subtask-edge}
+019a9176-76c8-0480-07be-e83bf99dac2c <- 019a9176-76c8-c8c6-2fa6-18bde250fffe: {class: dependency-edge}
+019a9176-76c8-04f7-c2c8-e8d372d824bc <- 019a9176-76c8-c8c6-2fa6-18bde250fffe: {class: dependency-edge}
+019a9176-76c8-1a9a-5bd2-c41879b58bda <- 019a9176-76c8-c8c6-2fa6-18bde250fffe: {class: dependency-edge}
+019a9176-76c8-6b0f-cc99-aced507f4af3 <- 019a9176-76c8-c8c6-2fa6-18bde250fffe: {class: dependency-edge}
+019a9176-76c8-a875-d48a-6738631806bc <- 019a9176-76c8-c8c6-2fa6-18bde250fffe: {class: dependency-edge}
+019a9176-76c8-bb8a-5ed9-4f868d205031 <- 019a9176-76c8-c8c6-2fa6-18bde250fffe: {class: dependency-edge}
diff --git a/assets/workflows/diagrams/movies-failed.d2 b/assets/workflows/diagrams/movies-failed.d2
index 0fa4a60..e7df872 100644
--- a/assets/workflows/diagrams/movies-failed.d2
+++ b/assets/workflows/diagrams/movies-failed.d2
@@ -1,53 +1,31 @@
-vars: {
- d2-config: {
- layout-engine: dagre
- theme-id: 102
- sketch: true
- pad: 10
- }
-}
-
-style.fill: "#FCF9FA"
direction: down
-title: {
+title: {
label: movie-stats
- near: top-center
- shape: text
- style.font-size: 30
- style.font-color: "#170206"
+ class: diagram-title
}
+
01916b1f-524b-7e2c-ef0e-ff006e44508c: {
label: "Shrek 2"
- style.fill: "#F0FFF0"
- style.stroke: "#3F4B40"
- style.font-color: "#000000"
+ class: computed
}
-01916b1f-4769-73e9-886e-ae0b1dd3ae3d -> 01916b1f-524b-7e2c-ef0e-ff006e44508c: {style.stroke: "#170206"}
+01916b1f-4769-73e9-886e-ae0b1dd3ae3d -> 01916b1f-524b-7e2c-ef0e-ff006e44508c: {class: subtask-edge}
01916b1f-524b-2e44-9bdf-b7d9c38d736c: {
label: "The Matrix"
- style.fill: "#F0FFF0"
- style.stroke: "#3F4B40"
- style.font-color: "#000000"
+ class: computed
}
-01916b1f-4769-73e9-886e-ae0b1dd3ae3d -> 01916b1f-524b-2e44-9bdf-b7d9c38d736c: {style.stroke: "#170206"}
+01916b1f-4769-73e9-886e-ae0b1dd3ae3d -> 01916b1f-524b-2e44-9bdf-b7d9c38d736c: {class: subtask-edge}
01916b1f-4769-73e9-886e-ae0b1dd3ae3d: {
label: "MovieStats"
- style.fill: "#F0FFF0"
- style.stroke: "#3F4B40"
- style.font-color: "#000000"
+ class: computed
}
01916b1f-524b-8be2-ee23-e0a93a4c2a3a: {
label: "PrintMovieStats\nKeyError('Title')"
- style.fill: "#FA8072"
- style.stroke: "#4A1511"
- style.font-color: "#000000"
+ class: failed
}
-01916b1f-4769-73e9-886e-ae0b1dd3ae3d -> 01916b1f-524b-8be2-ee23-e0a93a4c2a3a: {style.stroke: "#170206"}
+01916b1f-4769-73e9-886e-ae0b1dd3ae3d -> 01916b1f-524b-8be2-ee23-e0a93a4c2a3a: {class: subtask-edge}
01916b1f-524b-b87f-9ee3-6d4676efee9d: {
label: "PrintMovieStats"
- style.fill: "#FFF0F5"
- style.stroke: "#504448"
- style.font-color: "#000000"
+ class: queued
}
-01916b1f-4769-73e9-886e-ae0b1dd3ae3d -> 01916b1f-524b-b87f-9ee3-6d4676efee9d: {style.stroke: "#170206"}
+01916b1f-4769-73e9-886e-ae0b1dd3ae3d -> 01916b1f-524b-b87f-9ee3-6d4676efee9d: {class: subtask-edge}
diff --git a/assets/workflows/diagrams/movies-retried.d2 b/assets/workflows/diagrams/movies-retried.d2
index f415f51..ee340c9 100644
--- a/assets/workflows/diagrams/movies-retried.d2
+++ b/assets/workflows/diagrams/movies-retried.d2
@@ -1,53 +1,31 @@
-vars: {
- d2-config: {
- layout-engine: dagre
- theme-id: 102
- sketch: true
- pad: 10
- }
-}
-
-style.fill: "#FCF9FA"
direction: down
-title: {
+title: {
label: movie-stats
- near: top-center
- shape: text
- style.font-size: 30
- style.font-color: "#170206"
+ class: diagram-title
}
+
01916b1f-524b-7e2c-ef0e-ff006e44508c: {
label: "Shrek 2"
- style.fill: "#F0FFF0"
- style.stroke: "#3F4B40"
- style.font-color: "#000000"
+ class: computed
}
-01916b1f-4769-73e9-886e-ae0b1dd3ae3d -> 01916b1f-524b-7e2c-ef0e-ff006e44508c: {style.stroke: "#170206"}
+01916b1f-4769-73e9-886e-ae0b1dd3ae3d -> 01916b1f-524b-7e2c-ef0e-ff006e44508c: {class: subtask-edge}
01916b1f-524b-2e44-9bdf-b7d9c38d736c: {
label: "The Matrix"
- style.fill: "#F0FFF0"
- style.stroke: "#3F4B40"
- style.font-color: "#000000"
+ class: computed
}
-01916b1f-4769-73e9-886e-ae0b1dd3ae3d -> 01916b1f-524b-2e44-9bdf-b7d9c38d736c: {style.stroke: "#170206"}
+01916b1f-4769-73e9-886e-ae0b1dd3ae3d -> 01916b1f-524b-2e44-9bdf-b7d9c38d736c: {class: subtask-edge}
01916b1f-4769-73e9-886e-ae0b1dd3ae3d: {
label: "MovieStats"
- style.fill: "#F0FFF0"
- style.stroke: "#3F4B40"
- style.font-color: "#000000"
+ class: computed
}
01916b1f-524b-8be2-ee23-e0a93a4c2a3a: {
label: "NotFound: Tilebox - The Movie"
- style.fill: "#F0FFF0"
- style.stroke: "#3F4B40"
- style.font-color: "#000000"
+ class: computed
}
-01916b1f-4769-73e9-886e-ae0b1dd3ae3d -> 01916b1f-524b-8be2-ee23-e0a93a4c2a3a: {style.stroke: "#170206"}
+01916b1f-4769-73e9-886e-ae0b1dd3ae3d -> 01916b1f-524b-8be2-ee23-e0a93a4c2a3a: {class: subtask-edge}
01916b1f-524b-b87f-9ee3-6d4676efee9d: {
label: "The Avengers"
- style.fill: "#F0FFF0"
- style.stroke: "#3F4B40"
- style.font-color: "#000000"
+ class: computed
}
-01916b1f-4769-73e9-886e-ae0b1dd3ae3d -> 01916b1f-524b-b87f-9ee3-6d4676efee9d: {style.stroke: "#170206"}
+01916b1f-4769-73e9-886e-ae0b1dd3ae3d -> 01916b1f-524b-b87f-9ee3-6d4676efee9d: {class: subtask-edge}
diff --git a/assets/workflows/diagrams/multiple-runners.d2 b/assets/workflows/diagrams/multiple-runners.d2
index 8508c5c..29d016d 100644
--- a/assets/workflows/diagrams/multiple-runners.d2
+++ b/assets/workflows/diagrams/multiple-runners.d2
@@ -1,84 +1,50 @@
-vars: {
- d2-config: {
- layout-engine: dagre
- theme-id: 102
- sketch: true
- pad: 10
- }
-}
-
-style.fill: "#FCF9FA"
direction: down
-title: {
+title: {
label: larger-job
- near: top-center
- shape: text
- style.font-size: 30
- style.font-color: "#170206"
+ class: diagram-title
}
+
my-task: {
label: "MyTask"
- style.fill: "#F0FFF0"
- style.stroke: "#3F4B40"
- style.font-color: "#000000"
+ class: computed
}
subtask1: {
label: "SubTask"
- style.fill: "#F0FFF0"
- style.stroke: "#3F4B40"
- style.font-color: "#000000"
+ class: computed
}
-my-task -> subtask1: {style.stroke: "#170206"}
+my-task -> subtask1: {class: subtask-edge}
subtask2: {
label: "SubTask"
- style.fill: "#AFEEEE"
- style.stroke: "#0e5253"
- style.font-color: "#000000"
+ class: running
}
-my-task -> subtask2: {style.stroke: "#170206"}
+my-task -> subtask2: {class: subtask-edge}
subtask3: {
label: "SubTask"
- style.fill: "#F0FFF0"
- style.stroke: "#3F4B40"
- style.font-color: "#000000"
+ class: computed
}
-my-task -> subtask3: {style.stroke: "#170206"}
+my-task -> subtask3: {class: subtask-edge}
dependent-task1: {
label: "DependentTask"
- style.fill: "#AFEEEE"
- style.stroke: "#0e5253"
- style.font-color: "#000000"
+ class: running
}
-subtask1 -> dependent-task1: {style.stroke: "#170206"}
+subtask1 -> dependent-task1: {class: subtask-edge}
leaf-task1: {
label: "LeafTask"
- style.fill: "#F0FFF0"
- style.stroke: "#3F4B40"
- style.font-color: "#000000"
-}
-subtask1 -> leaf-task1: {style.stroke: "#170206"}
-leaf-task1 <- dependent-task1: {
- style.stroke-dash: 3
- style.stroke: "#9B1A47"
+ class: computed
}
+subtask1 -> leaf-task1: {class: subtask-edge}
+leaf-task1 <- dependent-task1: {class: dependency-edge}
dependent-task2: {
label: "DependentTask"
- style.fill: "#FFF0F5"
- style.stroke: "#504448"
- style.font-color: "#000000"
+ class: queued
}
-subtask3 -> dependent-task2: {style.stroke: "#170206"}
+subtask3 -> dependent-task2: {class: subtask-edge}
leaf-task2: {
label: "LeafTask"
- style.fill: "#AFEEEE"
- style.stroke: "#0e5253"
- style.font-color: "#000000"
-}
-subtask3 -> leaf-task2: {style.stroke: "#170206"}
-leaf-task2 <- dependent-task2: {
- style.stroke-dash: 3
- style.stroke: "#9B1A47"
+ class: running
}
+subtask3 -> leaf-task2: {class: subtask-edge}
+leaf-task2 <- dependent-task2: {class: dependency-edge}
diff --git a/assets/workflows/diagrams/process-news.d2 b/assets/workflows/diagrams/process-news.d2
index b5da58c..71df825 100644
--- a/assets/workflows/diagrams/process-news.d2
+++ b/assets/workflows/diagrams/process-news.d2
@@ -1,55 +1,33 @@
vars: {
d2-config: {
layout-engine: elk
- theme-id: 102
- sketch: true
- pad: 10
}
}
-
-style.fill: "#FCF9FA"
-style.stroke: "#170206"
direction: right
-title: {
+title: {
label: process-news
- near: top-center
- shape: text
- style.font-size: 30
- style.font-color: "#170206"
+ class: diagram-title
}
+
01916ed7-bb5c-cded-13e3-577582b8c8f8: {
label: "NewsWorkflow"
- style.fill: "#F0FFF0"
- style.stroke: "#3F4B40"
- style.font-color: "#000000"
+ class: computed
}
01916ed7-c66a-2035-de36-c3e6b1496d45: {
label: "FetchNews"
- style.fill: "#F0FFF0"
- style.stroke: "#3F4B40"
- style.font-color: "#000000"
+ class: computed
}
-01916ed7-bb5c-cded-13e3-577582b8c8f8 -> 01916ed7-c66a-2035-de36-c3e6b1496d45: {style.stroke: "#170206"}
+01916ed7-bb5c-cded-13e3-577582b8c8f8 -> 01916ed7-c66a-2035-de36-c3e6b1496d45: {class: subtask-edge}
01916ed7-c66a-4bd8-a48a-40c300bab3cb: {
label: "PrintHeadlines"
- style.fill: "#F0FFF0"
- style.stroke: "#3F4B40"
- style.font-color: "#000000"
-}
-01916ed7-bb5c-cded-13e3-577582b8c8f8 -> 01916ed7-c66a-4bd8-a48a-40c300bab3cb: {style.stroke: "#170206"}
-01916ed7-c66a-2035-de36-c3e6b1496d45 <- 01916ed7-c66a-4bd8-a48a-40c300bab3cb: {
- style.stroke-dash: 3
- style.stroke: "#9B1A47"
+ class: computed
}
+01916ed7-bb5c-cded-13e3-577582b8c8f8 -> 01916ed7-c66a-4bd8-a48a-40c300bab3cb: {class: subtask-edge}
+01916ed7-c66a-2035-de36-c3e6b1496d45 <- 01916ed7-c66a-4bd8-a48a-40c300bab3cb: {class: dependency-edge}
01916ed7-c66a-6e39-f4dd-c17e61711eeb: {
label: "MostFrequentAuthors"
- style.fill: "#F0FFF0"
- style.stroke: "#3F4B40"
- style.font-color: "#000000"
-}
-01916ed7-bb5c-cded-13e3-577582b8c8f8 -> 01916ed7-c66a-6e39-f4dd-c17e61711eeb: {style.stroke: "#170206"}
-01916ed7-c66a-2035-de36-c3e6b1496d45 <- 01916ed7-c66a-6e39-f4dd-c17e61711eeb: {
- style.stroke-dash: 3
- style.stroke: "#9B1A47"
+ class: computed
}
+01916ed7-bb5c-cded-13e3-577582b8c8f8 -> 01916ed7-c66a-6e39-f4dd-c17e61711eeb: {class: subtask-edge}
+01916ed7-c66a-2035-de36-c3e6b1496d45 <- 01916ed7-c66a-6e39-f4dd-c17e61711eeb: {class: dependency-edge}
diff --git a/assets/workflows/diagrams/svg/custom-display-names.dark.svg b/assets/workflows/diagrams/svg/custom-display-names.dark.svg
index ef9c9ed..81295f9 100644
--- a/assets/workflows/diagrams/svg/custom-display-names.dark.svg
+++ b/assets/workflows/diagrams/svg/custom-display-names.dark.svg
@@ -1,24 +1,24 @@
-
diff --git a/assets/workflows/diagrams/svg/custom-display-names.svg b/assets/workflows/diagrams/svg/custom-display-names.svg
index b4b5c03..afc697e 100644
--- a/assets/workflows/diagrams/svg/custom-display-names.svg
+++ b/assets/workflows/diagrams/svg/custom-display-names.svg
@@ -1,20 +1,20 @@
-
diff --git a/assets/workflows/diagrams/svg/download-dog-images-recursive.dark.svg b/assets/workflows/diagrams/svg/download-dog-images-recursive.dark.svg
index 35888b1..9ae942e 100644
--- a/assets/workflows/diagrams/svg/download-dog-images-recursive.dark.svg
+++ b/assets/workflows/diagrams/svg/download-dog-images-recursive.dark.svg
@@ -1,24 +1,24 @@
-
diff --git a/assets/workflows/diagrams/svg/download-dog-images-recursive.svg b/assets/workflows/diagrams/svg/download-dog-images-recursive.svg
index 841c1be..25dfa9b 100644
--- a/assets/workflows/diagrams/svg/download-dog-images-recursive.svg
+++ b/assets/workflows/diagrams/svg/download-dog-images-recursive.svg
@@ -1,20 +1,20 @@
-
diff --git a/assets/workflows/diagrams/svg/download-dog-images.dark.svg b/assets/workflows/diagrams/svg/download-dog-images.dark.svg
index a29b601..4b2bdb5 100644
--- a/assets/workflows/diagrams/svg/download-dog-images.dark.svg
+++ b/assets/workflows/diagrams/svg/download-dog-images.dark.svg
@@ -1,24 +1,24 @@
-
diff --git a/assets/workflows/diagrams/svg/download-dog-images.svg b/assets/workflows/diagrams/svg/download-dog-images.svg
index 25a58b3..9f2038f 100644
--- a/assets/workflows/diagrams/svg/download-dog-images.svg
+++ b/assets/workflows/diagrams/svg/download-dog-images.svg
@@ -1,20 +1,20 @@
-
diff --git a/assets/workflows/diagrams/svg/map-reduce-sum-squares.dark.svg b/assets/workflows/diagrams/svg/map-reduce-sum-squares.dark.svg
index f6f9274..7ae5fdf 100644
--- a/assets/workflows/diagrams/svg/map-reduce-sum-squares.dark.svg
+++ b/assets/workflows/diagrams/svg/map-reduce-sum-squares.dark.svg
@@ -1,24 +1,24 @@
-
diff --git a/assets/workflows/diagrams/svg/map-reduce-sum-squares.svg b/assets/workflows/diagrams/svg/map-reduce-sum-squares.svg
index 9a1478d..ec9ac31 100644
--- a/assets/workflows/diagrams/svg/map-reduce-sum-squares.svg
+++ b/assets/workflows/diagrams/svg/map-reduce-sum-squares.svg
@@ -1,20 +1,20 @@
-
diff --git a/assets/workflows/diagrams/svg/movies-failed.dark.svg b/assets/workflows/diagrams/svg/movies-failed.dark.svg
index bdc60d5..2bfe922 100644
--- a/assets/workflows/diagrams/svg/movies-failed.dark.svg
+++ b/assets/workflows/diagrams/svg/movies-failed.dark.svg
@@ -1,24 +1,24 @@
-
diff --git a/assets/workflows/diagrams/svg/movies-failed.svg b/assets/workflows/diagrams/svg/movies-failed.svg
index a3998af..3887279 100644
--- a/assets/workflows/diagrams/svg/movies-failed.svg
+++ b/assets/workflows/diagrams/svg/movies-failed.svg
@@ -1,24 +1,24 @@
-
diff --git a/assets/workflows/diagrams/svg/movies-retried.dark.svg b/assets/workflows/diagrams/svg/movies-retried.dark.svg
index d7db064..cff38a3 100644
--- a/assets/workflows/diagrams/svg/movies-retried.dark.svg
+++ b/assets/workflows/diagrams/svg/movies-retried.dark.svg
@@ -1,24 +1,24 @@
-
diff --git a/assets/workflows/diagrams/svg/movies-retried.svg b/assets/workflows/diagrams/svg/movies-retried.svg
index 33de88d..2550681 100644
--- a/assets/workflows/diagrams/svg/movies-retried.svg
+++ b/assets/workflows/diagrams/svg/movies-retried.svg
@@ -1,20 +1,20 @@
-
diff --git a/assets/workflows/diagrams/svg/multiple-runners.dark.svg b/assets/workflows/diagrams/svg/multiple-runners.dark.svg
index 9b98dcf..3fa578b 100644
--- a/assets/workflows/diagrams/svg/multiple-runners.dark.svg
+++ b/assets/workflows/diagrams/svg/multiple-runners.dark.svg
@@ -1,24 +1,24 @@
-
diff --git a/assets/workflows/diagrams/svg/multiple-runners.svg b/assets/workflows/diagrams/svg/multiple-runners.svg
index e7cf09e..907e533 100644
--- a/assets/workflows/diagrams/svg/multiple-runners.svg
+++ b/assets/workflows/diagrams/svg/multiple-runners.svg
@@ -1,24 +1,24 @@
-
diff --git a/assets/workflows/diagrams/svg/process-news.dark.svg b/assets/workflows/diagrams/svg/process-news.dark.svg
index c7da9e0..907a95b 100644
--- a/assets/workflows/diagrams/svg/process-news.dark.svg
+++ b/assets/workflows/diagrams/svg/process-news.dark.svg
@@ -1,24 +1,24 @@
-
diff --git a/assets/workflows/diagrams/svg/process-news.svg b/assets/workflows/diagrams/svg/process-news.svg
index f66dadc..bdd5dcc 100644
--- a/assets/workflows/diagrams/svg/process-news.svg
+++ b/assets/workflows/diagrams/svg/process-news.svg
@@ -1,20 +1,20 @@
-
diff --git a/assets/workflows/diagrams/svg/task-states.dark.svg b/assets/workflows/diagrams/svg/task-states.dark.svg
index 92608a8..f309215 100644
--- a/assets/workflows/diagrams/svg/task-states.dark.svg
+++ b/assets/workflows/diagrams/svg/task-states.dark.svg
@@ -1,24 +1,24 @@
-
diff --git a/assets/workflows/diagrams/svg/task-states.svg b/assets/workflows/diagrams/svg/task-states.svg
index 5387103..f4126ba 100644
--- a/assets/workflows/diagrams/svg/task-states.svg
+++ b/assets/workflows/diagrams/svg/task-states.svg
@@ -1,24 +1,24 @@
-
diff --git a/assets/workflows/diagrams/task-states.d2 b/assets/workflows/diagrams/task-states.d2
index c442410..2e903f7 100644
--- a/assets/workflows/diagrams/task-states.d2
+++ b/assets/workflows/diagrams/task-states.d2
@@ -1,76 +1,47 @@
-vars: {
- d2-config: {
- layout-engine: dagre
- theme-id: 102
- sketch: true
- pad: 10
- }
-}
-
-style.fill: "#FCF9FA"
-style.stroke: "#170206"
direction: down
-title: {
+title: {
label: task-states
- near: top-center
- shape: text
- style.font-size: 30
- style.font-color: "#170206"
+ class: diagram-title
}
+
my-task: {
label: "ComputedRootTask"
- style.fill: "#F0FFF0"
- style.stroke: "#3F4B40"
- style.font-color: "#000000"
+ class: computed
}
queued-task: {
label: "QueuedTask"
- style.fill: "#FFF0F5"
- style.stroke: "#504448"
- style.font-color: "#000000"
+ class: queued
}
-my-task -> queued-task: {style.stroke: "#170206"}
+my-task -> queued-task: {class: subtask-edge}
running-task: {
label: "RunningTask"
- style.fill: "#AFEEEE"
- style.stroke: "#0e5253"
- style.font-color: "#000000"
+ class: running
}
-my-task -> running-task: {style.stroke: "#170206"}
+my-task -> running-task: {class: subtask-edge}
computed-task: {
label: "ComputedTask"
- style.fill: "#F0FFF0"
- style.stroke: "#3F4B40"
- style.font-color: "#000000"
+ class: computed
}
-my-task -> computed-task: {style.stroke: "#170206"}
+my-task -> computed-task: {class: subtask-edge}
computed-task-child: {
label: "RunningLeafTask"
- style.fill: "#AFEEEE"
- style.stroke: "#0e5253"
- style.font-color: "#000000"
+ class: running
}
-computed-task -> computed-task-child: {style.stroke: "#170206"}
+computed-task -> computed-task-child: {class: subtask-edge}
completed-task: {
label: "CompletedTask"
- style.fill: "#F0FFF0"
- style.stroke: "#3F4B40"
- style.font-color: "#000000"
+ class: computed
}
-my-task -> completed-task: {style.stroke: "#170206"}
+my-task -> completed-task: {class: subtask-edge}
completed-task-child: {
label: "CompletedLeafTask"
- style.fill: "#F0FFF0"
- style.stroke: "#3F4B40"
- style.font-color: "#000000"
+ class: computed
}
-completed-task -> completed-task-child: {style.stroke: "#170206"}
+completed-task -> completed-task-child: {class: subtask-edge}
failed-task: {
label: "FailedTask"
- style.fill: "#FA8072"
- style.stroke: "#4A1511"
- style.font-color: "#000000"
+ class: failed
}
-my-task -> failed-task: {style.stroke: "#170206"}
+my-task -> failed-task: {class: subtask-edge}