Display how multiple applications are linked together based on asyncApi documentation files.
The website offers the best viewing experience and correct links:
The demo is build using the asyncApi yaml (json also supported) of multiple applications. Based on those, an internal graph is build, which is passed to the renderer (D3.js).
Based on AsyncApi files in the repo assets folder an internal graph.json is generated, which is rendered by
StackBlitz allows you to try out the project within a browser and edit the source code. When
changing code, remember to re-build via npm run build and reload the preview pane.
The visualization can either be completely build at compile time (static) or generated when the html page is opened (dynamic).
Use "dynamic parsing", when
- you want to get started
Use "static", when:
- the AsyncApi files are not changing
- the AsyncApi files are private
- you have a lot of applications
- you can run a "compile" step