include and display tx value and fee

Author: weilu

index.js

@@ -38,7 +38,7 @@ function visualize(txGraph, containerSelector, margin) {
       .sort(function(a, b) { return b.dy - a.dy; });
 
   link.append("title")
-      .text(function(d) { return d.source.name + " → " + d.target.name + "\n" + d.value; });
+      .text(function(d) { return d.source.name + " → " + d.target.name });
 
   var node = svg.append("g").selectAll(".node")
       .data(data.nodes)
@@ -56,7 +56,7 @@ function visualize(txGraph, containerSelector, margin) {
       .style("fill", function(d) { return d.color = color(d.name.replace(/ .*/, "")); })
       .style("stroke", function(d) { return d3.rgb(d.color).darker(2); })
     .append("title")
-      .text(function(d) { return d.name + "\n" + d.value; });
+      .text(function(d) { return d.name + "\nvalue: " + d.value + "\nfee: " + d.fee; });
 
   node.append("text")
       .attr("x", -6)
@@ -106,7 +106,12 @@ function visualize(txGraph, containerSelector, margin) {
 function exportData(graph) {
   var txNodes = graph.getAllNodes()
   var nodes = txNodes.map(function(n) {
-    return { name: n.id }
+    var value, fee
+    if(n.tx) {
+      value = n.tx.value
+      fee = n.tx.fee
+    }
+    return { name: n.id, fee: fee, value: value }
   })
 
   var links = txNodes.reduce(function(memo, n, i) {

test/visualize.js

@@ -8,7 +8,11 @@ describe('visualize', function() {
   var txs = buildTxs()
   var graph = new TxGraph()
 
-  txs.forEach(function(tx) { graph.addTx(tx) })
+  txs.forEach(function(tx) {
+    tx.value = parseInt(Math.random() * 1000)
+    tx.fee = parseInt(Math.random() * 10)
+    graph.addTx(tx)
+  })
 
   describe('exportData', function() {
     var data = exportData(graph)
@@ -17,6 +21,14 @@ describe('visualize', function() {
       var expectedIds = [0, 3, 4, 15, 16, 13, 2, 5, 7, 14, 1, 10, 6, 11, 8, 9, 12]
       var actualNames = data.nodes.map(function(n) { return n.name })
       assert.deepEqual(actualNames, expectedIds.map(fakeTxId))
+
+      data.nodes.forEach(function(n) {
+        var tx = graph.findNodeById(n.name).tx
+        if(!tx) return;
+
+        assert.equal(n.fee, tx.fee)
+        assert.equal(n.value, tx.value)
+      })
     })
 
     it('returns the expected links', function() {