add y random component for pending cases

src/components/Events.svelte

@@ -2,6 +2,7 @@
   // setting up all events
   import Event from './Event.svelte';
   import { hovered, selected } from '../stores/eventSelections';
+  import { tweened } from 'svelte/motion';
 
   export let timePoints = [];
 

src/components/Svg.svelte

@@ -29,7 +29,7 @@
      on:mouseover={handleMouseover}
      on:click={handleClick}>
   <Defs />
-  <rect x="0" y="0" width={$width} height={$panelHeight*1.1}></rect>
+  <rect x="0" y="0" width={$width} height={$panelHeight * 1.1}></rect>
   <BackgroundChart />
   <Sources {timePoints} />
   <Labels />

src/components/Visualization.svelte

@@ -135,7 +135,7 @@
       rSmiFbShare: $smiShareRScale(d.smiFacebookShare),
       rSmiTwShare: $smiShareRScale(d.smiTwitterShare),
       rSmiReShare: $smiShareRScale(d.smiRedditShare),
-      fy: d.smiPending ? $smiTotalYScale.range()[0] - 1.5 * $smiTotalRScale.range()[0] : $smiTotalYScale(d.smiTotal),
+      fy: d.smiPending ? $smiTotalYScale.range()[0] - 2 * $smiTotalRScale.range()[0] + (Math.random() - 0.5) * 20 : $smiTotalYScale(d.smiTotal),
       outOfTimeRange: $timeScale(d.attributionDate) < $timeScale.range()[0] || $timeScale(d.attributionDate) > $timeScale.range()[1]
     }))
     .sort((a, b) => sortConsistently(a, b, 'rSmiTot', 'id'));