jdbranham / grafana-diagram

A Grafana plugin to visualize metrics in a diagram using flow charts, gantt charts, sequence diagrams, or class diagrams
https://jdbranham.github.io/grafana-diagram/
Apache License 2.0
446 stars 87 forks source link

Network Weathermap usage #10

Open elvarb opened 7 years ago

elvarb commented 7 years ago

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?

jbrockett commented 7 years ago

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

elvarb commented 7 years ago

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

jdbranham commented 7 years ago

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

RichiH commented 7 years ago

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.

Gelob commented 7 years ago

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

Hipska commented 7 years ago

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

jdbranham commented 5 years ago

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

Hipska commented 5 years ago

Yes please

lonelyadmin commented 4 years ago

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

jdbranham commented 3 years ago

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.