Bitcoin OTC Trust Weighted Ratings - D3 Visualization

Connor Ingram

The dataset is a subset modified from https://snap.stanford.edu/data/soc-sign-bitcoinotc.html.

S. Kumar, F. Spezzano, V.S. Subrahmanian, C. Faloutsos. Edge Weight Prediction in Weighted Signed Networks. IEEE International Conference on Data Mining (ICDM), 2016.

The data used here is dractically cut down from ~35000 records to 1000. The entire dataset is too much to handle with this implementation, and a force-directed-graph would not be an intuitive choice. The data consists of nodes and links. Each node represents a Bitcoin OTC user (seller/buyer). Each directed edge is a transaction between a source and a target, with a rating that the source user has given the target user (on a scale of -10 to 10, 10 being completely trustworthy), and also a unix timestamp.

<html>
<head>
	<title>Bitcoin OTC Trust Weighted Ratings - D3 Visualization</title>
	<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
	<script type="text/javascript" src="https://d3js.org/d3.v4.min.js"></script>
	<script src="https://d3js.org/d3-scale-chromatic.v1.min.js"></script>
	<style>
		.zoom-bg {
			pointer-events: none;
			opacity: 0;
		}

h1, h2, h3, h4 {
			font: 20px sans-serif;
			pointer-events: none;
			fill: white;
			color: white;
			line-height: 2;
		}
		.axis line, path{
			stroke: white;
		}
		.axis text {
			fill: white;
			font-weight: lighter;
		}
		h2 {
			text-align: right;
		}
		h3, h4 {
			font: 12px sans-serif;
			line-height: 0.5;
		}
		h4 {
			text-align: right;
		}
		body {
			background-color: #3f3f3f;
			font: 12px sans-serif;
			color: white;
			fill: white;
		}
		hr {
			margin-top: 2rem;
			margin-bottom: 2rem;
			border: 5;
			border-top: 1px solid rgba(255,255,255, 0.2);
		}
		</style>
</head>
<body>
<div class="container-fluid">
	<div class="row">
		<div class="col-4">
			<h1>Bitcoin OTC Trust Weighted Ratings</h1>
		</div>
		<div class="col-4">
			<div id="legend">
				<script src="legend.js"></script>
			</div>
		</div>
		<div class="col-4">
			<h2>Bitcoin OTC Trust Weighted Ratings</h2>
		</div>
	</div>
	<div class="row">
		<div class="col-6">
			<h3>Force-Directed Graph of Trades</h3>
			<div id="force-directed-graph">
				<script src="force-directed-graph.js"></script>
			</div>
		</div>
		<div class="col-6">
			<h4>Scatterplot Ratings</h4>
			<div id="scatterplot">
				<script src="scatterplot.js"></script>
			</div>
		</div>
	</div>
	<hr/>
	S. Kumar, F. Spezzano, V.S. Subrahmanian, C. Faloutsos. Edge Weight Prediction in Weighted Signed Networks. IEEE International Conference on Data Mining (ICDM), 2016.
</div>
</body>
</html>

https://d3js.org/d3.v4.min.js

https://d3js.org/d3-scale-chromatic.v1.min.js