Skip to content

Instantly share code, notes, and snippets.

Created February 28, 2019 08:46
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
Star You must be signed in to star a gist
Save fbraem/897e97b84f181af83229692e08bd367c to your computer and use it in GitHub Desktop.
MQ Clusterdiagram using MQWeb and vis.js
<link rel="stylesheet" href="/node_modules/vis/dist/vis.min.css"></link>
<script type="text/javascript" src="/node_modules/vis/dist/vis.min.js"></script>
<script type="text/javascript" src="/node_modules/axios/dist/axios.min.js"></script>
<title>CLuster View</title>
<h1>Cluster View</h1>
<div id="clusterView"></div>
<script type="text/javascript">'http://localhost:8081/api/clusqmgr/inquire/PIGEON')
.then(function(response) {
var dotStr = "dinetwork { ";
for(var e in {
var data =[e];
dotStr += data.QMgrName.value + " -> " + data.ClusterName.value + ";";
dotStr += " }";
var container = document.getElementById('clusterView');
var parsed =;
var networkData = {
nodes: parsed.nodes,
edges: parsed.edges
var network = new vis.Network(container, networkData, {});
Copy link

fbraem commented Feb 28, 2019

Used MQWeb, axios and vis.js. To create a quick prototype I used DOT graph description language.
On our test environment this results in the following diagram:

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment