ragpython/AgenticApp_Markmap.html at main · chinu333/ragpython · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Markmap</title>
<style>
* {
  margin: 0;
  padding: 0;
}
#mindmap {
  display: block;
  width: 100vw;
  height: 100vh;
}
</style>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/markmap-toolbar@0.18.10/dist/style.css">
</head>
<body>
<svg id="mindmap"></svg>
<script src="https://cdn.jsdelivr.net/npm/d3@7.9.0/dist/d3.min.js"></script><script src="https://cdn.jsdelivr.net/npm/markmap-view@0.18.10/dist/browser/index.js"></script><script src="https://cdn.jsdelivr.net/npm/markmap-toolbar@0.18.10/dist/index.js"></script><script>(r => {
              setTimeout(r);
            })(function renderToolbar() {
  const {
    markmap,
    mm
  } = window;
  const {
    el
  } = markmap.Toolbar.create(mm);
  el.setAttribute('style', 'position:absolute;bottom:20px;right:20px');
  document.body.append(el);
})</script><script>((getMarkmap, getOptions, root2, jsonOptions) => {
              const markmap = getMarkmap();
              window.mm = markmap.Markmap.create(
                "svg#mindmap",
                (getOptions || markmap.deriveOptions)(jsonOptions),
                root2
              );
            })(() => window.markmap,null,{"content":"Mobile / Browser / Tab / App","children":[{"content":"API Management","children":[{"content":"Agentic App","children":[{"content":"RAG Agent","children":[],"payload":{"tag":"h4","lines":"12,13"}},{"content":"SQL Agent","children":[],"payload":{"tag":"h4","lines":"13,14"}},{"content":"Nutrition Agent","children":[],"payload":{"tag":"h4","lines":"14,15"}},{"content":"Financial Advisor Agent","children":[{"content":"Stock Recommendation Agent","children":[],"payload":{"tag":"h5","lines":"16,17"}},{"content":"Stock Prediction Agent (MSFT)","children":[],"payload":{"tag":"h5","lines":"17,18"}}],"payload":{"tag":"h4","lines":"15,16"}},{"content":"Generic Agent","children":[],"payload":{"tag":"h4","lines":"18,19"}},{"content":"Multimodality Agent","children":[],"payload":{"tag":"h4","lines":"19,20"}},{"content":"Visualization Agent","children":[],"payload":{"tag":"h4","lines":"20,21"}},{"content":"Mermaid Agent","children":[],"payload":{"tag":"h4","lines":"21,22"}},{"content":"Email Agent","children":[],"payload":{"tag":"h4","lines":"22,23"}},{"content":"Traffic Agent","children":[],"payload":{"tag":"h4","lines":"23,24"}},{"content":"Graph RAG Agent","children":[],"payload":{"tag":"h4","lines":"24,25"}},{"content":"MCP Agent","children":[{"content":"MCP Client","children":[{"content":"MCP Server","children":[{"content":"Weather Agent","children":[],"payload":{"tag":"h6","lines":"27,28"}},{"content":"Flight Status Agent","children":[],"payload":{"tag":"h6","lines":"29,30"}},{"content":"A2A Client","children":[{"content":"A2A Server","children":[{"content":"Currency Converter Agent","children":[],"payload":{"tag":"h6","lines":"33,34"}}],"payload":{"tag":"h6","lines":"33,34"}}],"payload":{"tag":"h6","lines":"29,30"}},{"content":"Evaluate Response Agent","children":[],"payload":{"tag":"h6","lines":"30,31"}},{"content":"Quantum Agent","children":[{"content":"IONQ QPU","children":[],"payload":{"tag":"h6","lines":"33,34"}}],"payload":{"tag":"h6","lines":"31,32"}}],"payload":{"tag":"h5","lines":"26,27"}}],"payload":{"tag":"h6","lines":"33,34"}}],"payload":{"tag":"h4","lines":"25,26"}},{"content":"Image Generation Agent","children":[],"payload":{"tag":"h4","lines":"34,35"}},{"content":"Developer Agent","children":[],"payload":{"tag":"h4","lines":"35,36"}},{"content":"Search Agent","children":[{"content":"Bing Search","children":[],"payload":{"tag":"h4","lines":"36,37"}},{"content":"Google Search","children":[],"payload":{"tag":"h4","lines":"36,37"}},{"content":"Other Search","children":[],"payload":{"tag":"h4","lines":"36,37"}}],"payload":{"tag":"h4","lines":"36,37"}}],"payload":{"tag":"h3","lines":"10,11"}}],"payload":{"tag":"h2","lines":"8,9"}}],"payload":{"tag":"h1","lines":"6,7"}},{"colorFreezeLevel":4,"initialExpandLevel":1})</script>
</body>
</html>