Decreased the graph complexity treshold.

client/app/scripts/charts/nodes-chart-elements.js

@@ -222,11 +222,6 @@ class NodesChartElements extends React.Component {
       .map(this.edgeScaleDecorator)
       .groupBy(this.edgeDisplayLayer);
 
-    // const orderedElements = makeList([
-    //   edges,
-    //   nodes,
-    // ]).flatten(true);
-
     // NOTE: The elements need to be arranged into a single array outside
     // of DOM structure for React rendering engine to do smart rearrangements
     // without unnecessary re-rendering of the elements themselves. So e.g.
@@ -257,7 +252,7 @@ function mapStateToProps(state) {
     hasSelectedNode: hasSelectedNodeFn(state),
     layoutNodes: layoutNodesSelector(state),
     layoutEdges: layoutEdgesSelector(state),
-    isAnimated: false && !graphExceedsComplexityThreshSelector(state),
+    isAnimated: !graphExceedsComplexityThreshSelector(state),
     highlightedNodeIds: highlightedNodeIdsSelector(state),
     highlightedEdgeIds: highlightedEdgeIdsSelector(state),
     selectedNetworkNodesIds: selectedNetworkNodesIdsSelector(state),

client/app/scripts/components/node-details.js

@@ -151,7 +151,6 @@ class NodeDetails extends React.Component {
   }
 
   renderDetails() {
-    console.log('render details');
     const { details, nodeControlStatus, nodeMatches = makeMap() } = this.props;
     const showControls = details.controls && details.controls.length > 0;
     const nodeColor = getNodeColorDark(details.rank, details.label, details.pseudo);

client/app/scripts/selectors/topology.js

@@ -46,7 +46,7 @@ export const graphExceedsComplexityThreshSelector = createSelector(
     state => state.getIn(['currentTopology', 'stats', 'node_count']) || 0,
     state => state.getIn(['currentTopology', 'stats', 'edge_count']) || 0,
   ],
-  (nodeCount, edgeCount) => (nodeCount + (2 * edgeCount)) > 1000
+  (nodeCount, edgeCount) => (nodeCount + (2 * edgeCount)) > 500
 );
 
 // Options for current topology, sub-topologies share options with parent