D3 Examples - Bitcoin OTC Trust Weighted Ratings

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.

xxxxxxxxxx
 
<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>
    