Skip to content

Commit 63b3b65

Browse files
committed
Adjust examples
1 parent ed00ef4 commit 63b3b65

13 files changed

Lines changed: 123 additions & 82 deletions

File tree

examples/complex_llm_workflow/diagram.md

Lines changed: 0 additions & 32 deletions
This file was deleted.

examples/complex_llm_workflow/generator.rb

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -109,6 +109,7 @@ class WeatherStep < Mars::AgentStep
109109
# Generate and save the diagram
110110
diagram = Mars::Rendering::Mermaid.new(sequential_workflow).render
111111
File.write("examples/complex_llm_workflow/diagram.md", diagram)
112+
Mars::Rendering::Html.new(sequential_workflow).write("examples/complex_llm_workflow/diagram.html")
112113
puts "Complex workflow diagram saved to: examples/complex_llm_workflow/diagram.md"
113114

114115
# Run the workflow

examples/complex_workflow/diagram.html

Lines changed: 8 additions & 17 deletions
Original file line numberDiff line numberDiff line change
@@ -18,30 +18,21 @@ <h1>Main Pipeline</h1>
1818
const diagram = `flowchart LR
1919
in((In))
2020
out((Out))
21-
agent1[agent1]
22-
gate{Gate}
23-
agent4[agent4]
24-
parallel_workflow_aggregator[Parallel workflow Aggregator]
25-
agent2[agent2]
26-
agent3[agent3]
27-
parallel_workflow_2_aggregator[Parallel workflow 2 Aggregator]
28-
agent5[agent5]
2921
subgraph main_pipeline["Main Pipeline"]
30-
agent1
31-
gate
32-
parallel_workflow_aggregator
22+
agent1[agent1]
23+
gate{Gate}
3324
subgraph parallel_workflow_2["Parallel workflow 2"]
3425
subgraph sequential_workflow["Sequential workflow"]
35-
agent4
26+
agent4[agent4]
3627
subgraph parallel_workflow["Parallel workflow"]
37-
agent2
38-
agent3
28+
agent2[agent2]
29+
agent3[agent3]
3930
end
40-
parallel_workflow_aggregator
31+
parallel_workflow_aggregator[Parallel workflow Aggregator]
4132
end
42-
agent5
33+
agent5[agent5]
4334
end
44-
parallel_workflow_2_aggregator
35+
parallel_workflow_2_aggregator[Parallel workflow 2 Aggregator]
4536
end
4637
in --> agent1
4738
agent1 --> gate

examples/complex_workflow/diagram.md

Lines changed: 8 additions & 17 deletions
Original file line numberDiff line numberDiff line change
@@ -2,30 +2,21 @@
22
flowchart LR
33
in((In))
44
out((Out))
5-
agent1[agent1]
6-
gate{Gate}
7-
agent4[agent4]
8-
parallel_workflow_aggregator[Parallel workflow Aggregator]
9-
agent2[agent2]
10-
agent3[agent3]
11-
parallel_workflow_2_aggregator[Parallel workflow 2 Aggregator]
12-
agent5[agent5]
135
subgraph main_pipeline["Main Pipeline"]
14-
agent1
15-
gate
16-
parallel_workflow_aggregator
6+
agent1[agent1]
7+
gate{Gate}
178
subgraph parallel_workflow_2["Parallel workflow 2"]
189
subgraph sequential_workflow["Sequential workflow"]
19-
agent4
10+
agent4[agent4]
2011
subgraph parallel_workflow["Parallel workflow"]
21-
agent2
22-
agent3
12+
agent2[agent2]
13+
agent3[agent3]
2314
end
24-
parallel_workflow_aggregator
15+
parallel_workflow_aggregator[Parallel workflow Aggregator]
2516
end
26-
agent5
17+
agent5[agent5]
2718
end
28-
parallel_workflow_2_aggregator
19+
parallel_workflow_2_aggregator[Parallel workflow 2 Aggregator]
2920
end
3021
in --> agent1
3122
agent1 --> gate

examples/complex_workflow/generator.rb

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -62,4 +62,5 @@ class Agent5 < Mars::AgentStep
6262
# Generate and save the diagram
6363
diagram = Mars::Rendering::Mermaid.new(main_workflow).render
6464
File.write("examples/complex_workflow/diagram.md", diagram)
65+
Mars::Rendering::Html.new(main_workflow).write("examples/complex_workflow/diagram.html")
6566
puts "Complex workflow diagram saved to: examples/complex_workflow/diagram.md"
Lines changed: 38 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,38 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6+
<title>Parallel workflow</title>
7+
<style>
8+
body { font-family: system-ui, sans-serif; margin: 2rem; background: #fafafa; }
9+
h1 { color: #333; }
10+
#diagram { background: white; padding: 2rem; border-radius: 8px; box-shadow: 0 1px 3px rgba(0,0,0,0.1); }
11+
</style>
12+
</head>
13+
<body>
14+
<h1>Parallel workflow</h1>
15+
<div id="diagram"></div>
16+
<script type="module">
17+
import { renderMermaidSVG } from "https://esm.sh/beautiful-mermaid@1";
18+
const diagram = `flowchart LR
19+
in((In))
20+
out((Out))
21+
aggregator[Aggregator]
22+
subgraph parallel_workflow["Parallel workflow"]
23+
agent1[agent1]
24+
agent2[agent2]
25+
agent3[agent3]
26+
end
27+
in --> agent1
28+
in --> agent2
29+
in --> agent3
30+
agent1 --> aggregator
31+
aggregator --> out
32+
agent2 --> aggregator
33+
agent3 --> aggregator`;
34+
const svg = renderMermaidSVG(diagram);
35+
document.getElementById("diagram").innerHTML = svg;
36+
</script>
37+
</body>
38+
</html>

examples/parallel_workflow/diagram.md

Lines changed: 3 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -3,13 +3,10 @@ flowchart LR
33
in((In))
44
out((Out))
55
aggregator[Aggregator]
6-
agent1[Agent1]
7-
agent2[Agent2]
8-
agent3[Agent3]
96
subgraph parallel_workflow["Parallel workflow"]
10-
agent1
11-
agent2
12-
agent3
7+
agent1[agent1]
8+
agent2[agent2]
9+
agent3[agent3]
1310
end
1411
in --> agent1
1512
in --> agent2

examples/parallel_workflow/generator.rb

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -30,4 +30,5 @@ class Agent3 < Mars::AgentStep
3030
# Generate and save the diagram
3131
diagram = Mars::Rendering::Mermaid.new(parallel_workflow).render
3232
File.write("examples/parallel_workflow/diagram.md", diagram)
33+
Mars::Rendering::Html.new(parallel_workflow).write("examples/parallel_workflow/diagram.html")
3334
puts "Parallel workflow diagram saved to: examples/parallel_workflow/diagram.md"
Lines changed: 38 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,38 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6+
<title>Main Pipeline</title>
7+
<style>
8+
body { font-family: system-ui, sans-serif; margin: 2rem; background: #fafafa; }
9+
h1 { color: #333; }
10+
#diagram { background: white; padding: 2rem; border-radius: 8px; box-shadow: 0 1px 3px rgba(0,0,0,0.1); }
11+
</style>
12+
</head>
13+
<body>
14+
<h1>Main Pipeline</h1>
15+
<div id="diagram"></div>
16+
<script type="module">
17+
import { renderMermaidSVG } from "https://esm.sh/beautiful-mermaid@1";
18+
const diagram = `flowchart LR
19+
in((In))
20+
out((Out))
21+
subgraph main_pipeline["Main Pipeline"]
22+
agent1[agent1]
23+
gate{Gate}
24+
end
25+
subgraph success_workflow["Success workflow"]
26+
agent2[agent2]
27+
agent3[agent3]
28+
end
29+
in --> agent1
30+
agent1 --> gate
31+
gate -->|success| agent2
32+
agent2 --> agent3
33+
agent3 --> out`;
34+
const svg = renderMermaidSVG(diagram);
35+
document.getElementById("diagram").innerHTML = svg;
36+
</script>
37+
</body>
38+
</html>

examples/simple_workflow/diagram.md

Lines changed: 8 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -2,14 +2,17 @@
22
flowchart LR
33
in((In))
44
out((Out))
5-
agent1[Agent1]
6-
gate{Gate}
7-
agent2[Agent2]
8-
agent3[Agent3]
5+
subgraph main_pipeline["Main Pipeline"]
6+
agent1[agent1]
7+
gate{Gate}
8+
end
9+
subgraph success_workflow["Success workflow"]
10+
agent2[agent2]
11+
agent3[agent3]
12+
end
913
in --> agent1
1014
agent1 --> gate
1115
gate -->|success| agent2
12-
gate -->|default| out
1316
agent2 --> agent3
1417
agent3 --> out
1518
```

0 commit comments

Comments
 (0)