-
mermaid
Generation of diagrams like flowcharts or sequence diagrams from text in a similar manner as markdown
-
InfluxDB
Power Real-Time Data Analytics at Scale. Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.
In order to get all the hard geometry calculations needed to draw such a diagram done, we used the amazing mermaid JS open source library. And what I’d like to share with you in this article, is how to use this library. I’ll focus just on the sequence diagram, but be aware that such a library lets you do much more.
This is the frontend base of the proposed work. For the backend, all we have to do is setting up a REST endpoint which retrieves messages from an IRIS interoperability session, format it in a suitable JSON object and send it back to the frontend. As the focus of this article is the frontend code, I won’t pay attention on backend implementation, but you can check it out in dispatch and service classes.