diff --git a/client/app/scripts/charts/edge.js b/client/app/scripts/charts/edge.js index bb962803e..97797195f 100644 --- a/client/app/scripts/charts/edge.js +++ b/client/app/scripts/charts/edge.js @@ -10,11 +10,13 @@ const line = d3.svg.line() .x(function(d) { return d.x; }) .y(function(d) { return d.y; }); +const animConfig = [80, 20]; // stiffness, bounce + const flattenPoints = function(points) { const flattened = {}; points.forEach(function(point, i) { - flattened['x' + i] = {val: point.x}; - flattened['y' + i] = {val: point.y}; + flattened['x' + i] = {val: point.x, config: animConfig}; + flattened['y' + i] = {val: point.y, config: animConfig}; }); return flattened; }; diff --git a/client/app/scripts/charts/node.js b/client/app/scripts/charts/node.js index 4ed254cb6..eff188b02 100644 --- a/client/app/scripts/charts/node.js +++ b/client/app/scripts/charts/node.js @@ -21,6 +21,7 @@ const Node = React.createClass({ const onMouseLeave = this.handleMouseLeave; const classNames = ['node']; const ellipsis = this.ellipsis; + const animConfig = [80, 20]; // stiffness, bounce if (this.props.highlighted) { classNames.push('highlighted'); @@ -31,7 +32,7 @@ const Node = React.createClass({ } return ( - + {function(interpolated) { const transform = 'translate(' + interpolated.x.val + ',' + interpolated.y.val + ')'; return (