Now displays the name of the statistic that we want to render (showing that the skeleton works)

src/App.css

@@ -7,6 +7,10 @@
   pointer-events: none;
 }
 
+.Statistic-show {
+  animation: App-logo-spin infinite 20s linear;
+}
+
 .App-header {
   background-color: #282c34;
   min-height: 100vh;
@@ -30,3 +34,12 @@
     transform: rotate(360deg);
   }
 }
+
+@keyframes Statistic-show-move {
+  from {
+    transform: rotate(0deg);
+  }
+  to {
+    transform: rotate(360deg);
+  }
+}

src/statview.js

@@ -30,15 +30,21 @@ export default class Statview extends PureComponent {
 
   componentDidMount() {
     // fetch the statistic from database
-    // Attach statistic
-    //
+    // Attach statistic to D3
+    // (and then render this in the render function)
     console.log(this.props.statistic);
   }
+
+  componentWillUnmount() {
+    // Clear statistic (MIGHT NOT be necessary, might be done when component is replaced)
+  }
   render() {
     return (
       <div>
         <div style={styles} onClick={this.props.onClick} />
-        <div style={statStyle} />
+        <div style={statStyle}>
+          <h1>{this.props.statistic}</h1>
+        </div>
       </div>
     );
   }