grafana-diagram

grafana-diagram copied to clipboard

Is it possible to mimic something like this?

http://blackbird.si/wp-content/uploads/2015/07/Selection_002.png

So that the lines are an entity instead of only the boxes?

Would it be possible to use something like networkmap.js instead of mermaid.js to accomplish this?

I don't think networkmap.js would be as flexible as mermaid.js. The only component from networkmap.js that would be needed is how it deals with the connection lines. That would require a change to mermaid.js I think

I did consider using network.js, but agree that mermaid.js appears to be more flexible/extendable. We might add a "weathermap" diagram type to mermaid, that includes a custom parser.

https://github.com/knsv/mermaid/tree/master/src/diagrams

From a networking person: Mermaid.js is not where it needs to be, but if it could go there, that would be very nice.

Please keep absolute positioning of both nodes and edges in mind. Weathermaps always follow a logical or geographic order and the relative positioning must not change if nodes/edges are added/removed.

This isn't really a library but worth nothing https://github.com/cidrblock/drawthe.net

The referenced networkmap.js looks nice, although vis.js might also be a good way to start with.

I know its been a while.... Any desire for this still?

Yes please

Just curious if network "weathermapping" is still a possibility? Looking to fill that niche with grafana and diagram.

Edges are officially entities now, but the thickness styling is not connected to the value.
The values are shown over the edges similar to the shapes.