This example shows the interactions of a group of forum users in the form of a matrix. The interaction is computed by taking into account the number of posts the users wrote into threads with common tags (tags are chosen from a list of relevant keywords). To make clusters more evident we sort the users with a hierarchical clustering algorithm.
A linear luminance multihue color scale is used to improve the readability of the color encoding.
xxxxxxxxxx
<html>
<head>
<meta charset="utf-8">
<title>Cassandra forum social graph matrix</title>
<link type="text/css" href="index.css" rel="stylesheet"/>
<script src="https://d3js.org/d3.v3.min.js"></script>
<script src="//wafi.iit.cnr.it/webvis/tmp/clusterfck.js"></script>
<script src="//wafi.iit.cnr.it/webvis/libs/jigmaps/zip.js"></script>
<script src="//wafi.iit.cnr.it/webvis/libs/jigmaps/tree_utils.js"></script>
</head>
<body>
<svg height="760px" width="960px"></svg>
<script src="index.js"></script>
</body>
</html>
Modified http://d3js.org/d3.v3.min.js to a secure url
https://d3js.org/d3.v3.min.js
https://wafi.iit.cnr.it/webvis/tmp/clusterfck.js
https://wafi.iit.cnr.it/webvis/libs/jigmaps/zip.js
https://wafi.iit.cnr.it/webvis/libs/jigmaps/tree_utils.js