Merge pull request #21 from visual-heuristics/feat_visualization

fix the animation of the initial stage

Author: mezm94

src/pages/PageFour/index.js

@@ -90,7 +90,8 @@ class PageFour extends React.Component {
         const previousStageIndex = this.state.blockIndex;
         const previousStage = allStages[previousStageIndex];
         const newStage = allStages[index];
-        const times = 20
+        const times = 20;
+        newStage.sort((itemA, itemB) => itemA.depth - itemB.depth);
         // this.setState({
         //     drawBlocks: [...newStage]
         // });