From eba32b1485f910d7dad3c86f1b8b1b6a47f35f94 Mon Sep 17 00:00:00 2001
From: Chris Price <cprice@scottlogic.co.uk>
Date: Wed, 29 Apr 2020 17:26:41 +0100
Subject: [PATCH] docs: add script, stylesheet & mock date

---
 examples/annotation-canvas-band/index.html                  | 6 +++++-
 examples/annotation-canvas-crosshair/index.html             | 6 +++++-
 examples/annotation-canvas-gridline/index.html              | 6 +++++-
 examples/annotation-canvas-line/index.html                  | 6 +++++-
 examples/annotation-gridline-transition/index.html          | 6 +++++-
 examples/annotation-svg-band/index.html                     | 6 +++++-
 examples/annotation-svg-crosshair/index.html                | 6 +++++-
 examples/annotation-svg-gridline/index.html                 | 6 +++++-
 examples/annotation-svg-line/index.html                     | 6 +++++-
 examples/axis-band-scale/index.html                         | 6 +++++-
 examples/axis-center/index.html                             | 6 +++++-
 examples/axis-color/index.html                              | 6 +++++-
 examples/axis-label-offset/index.html                       | 6 +++++-
 examples/axis-offset/index.html                             | 6 +++++-
 examples/axis-rotate-auto/index.html                        | 6 +++++-
 examples/axis-rotate-decorate/index.html                    | 6 +++++-
 examples/axis-tick-arguments/index.html                     | 6 +++++-
 examples/axis-transition/index.html                         | 6 +++++-
 examples/brush-navigator/index.html                         | 6 +++++-
 examples/brush-zoom/index.html                              | 6 +++++-
 examples/bubble-chart/index.html                            | 6 +++++-
 examples/building-a-chart/index.html                        | 6 +++++-
 examples/chart-cartesian-custom-axis/index.html             | 6 +++++-
 examples/chart-cartesian-move-axis/index.html               | 6 +++++-
 examples/chart-cartesian-ordinal/index.html                 | 6 +++++-
 examples/chart-cartesian-second-axis/index.html             | 6 +++++-
 examples/chart-cartesian-transition/index.html              | 6 +++++-
 examples/chart-deprecated/index.html                        | 6 +++++-
 examples/chart-zoom/index.html                              | 6 +++++-
 examples/diamonds/index.html                                | 6 +++++-
 examples/earth-and-mars/index.html                          | 6 +++++-
 examples/element-bespoke-chart-layout/index.html            | 6 +++++-
 examples/idempotent-streaming-chart/index.html              | 6 +++++-
 examples/index.css                                          | 0
 examples/index.js                                           | 0
 examples/label-layout/index.html                            | 6 +++++-
 examples/sample/index.html                                  | 6 +++++-
 examples/series-canvas-area/index.html                      | 6 +++++-
 examples/series-canvas-auto-bandwidth/index.html            | 6 +++++-
 examples/series-canvas-bar/index.html                       | 6 +++++-
 examples/series-canvas-boxplot/index.html                   | 6 +++++-
 examples/series-canvas-candlestick/index.html               | 6 +++++-
 examples/series-canvas-decorate-append/index.html           | 6 +++++-
 examples/series-canvas-decorate/index.html                  | 6 +++++-
 examples/series-canvas-errorbar/index.html                  | 6 +++++-
 examples/series-canvas-grouped/index.html                   | 6 +++++-
 examples/series-canvas-heatmap/index.html                   | 6 +++++-
 examples/series-canvas-line/index.html                      | 6 +++++-
 examples/series-canvas-multi/index.html                     | 6 +++++-
 examples/series-canvas-ohlc/index.html                      | 6 +++++-
 examples/series-canvas-point-size-type/index.html           | 6 +++++-
 examples/series-canvas-point/index.html                     | 6 +++++-
 examples/series-canvas-repeat/index.html                    | 6 +++++-
 examples/series-canvas-stacked/index.html                   | 6 +++++-
 examples/series-svg-area/index.html                         | 6 +++++-
 examples/series-svg-auto-bandwidth/index.html               | 6 +++++-
 examples/series-svg-bar/index.html                          | 6 +++++-
 examples/series-svg-boxplot/index.html                      | 6 +++++-
 examples/series-svg-candlestick/index.html                  | 6 +++++-
 examples/series-svg-decorate-append/index.html              | 6 +++++-
 examples/series-svg-decorate/index.html                     | 6 +++++-
 examples/series-svg-errorbar/index.html                     | 6 +++++-
 examples/series-svg-grouped-alternate/index.html            | 6 +++++-
 examples/series-svg-grouped/index.html                      | 6 +++++-
 examples/series-svg-heatmap/index.html                      | 6 +++++-
 examples/series-svg-line/index.html                         | 6 +++++-
 examples/series-svg-multi/index.html                        | 6 +++++-
 examples/series-svg-ohlc/index.html                         | 6 +++++-
 examples/series-svg-point-size-type/index.html              | 6 +++++-
 examples/series-svg-point/index.html                        | 6 +++++-
 examples/series-svg-repeat/index.html                       | 6 +++++-
 examples/series-svg-stacked/index.html                      | 6 +++++-
 examples/series-webgl-area/index.html                       | 6 +++++-
 examples/series-webgl-bar/index.html                        | 6 +++++-
 examples/series-webgl-boxplot/index.html                    | 6 +++++-
 examples/series-webgl-candlestick/index.html                | 6 +++++-
 examples/series-webgl-errorbar/index.html                   | 6 +++++-
 examples/series-webgl-line/index.html                       | 6 +++++-
 examples/series-webgl-multi/index.html                      | 6 +++++-
 examples/series-webgl-ohlc/index.html                       | 6 +++++-
 examples/series-webgl-point/index.html                      | 6 +++++-
 examples/series-webgl-repeat/index.html                     | 6 +++++-
 examples/series-webgl-stacked/index.html                    | 6 +++++-
 examples/simple-chart/index.html                            | 6 +++++-
 examples/stacked-bar-chart/index.html                       | 6 +++++-
 examples/streaming-chart/index.html                         | 6 +++++-
 examples/svg-canvas-and-webgl-chart/index.html              | 6 +++++-
 .../technical-indicator-bollinger-bands-canvas/index.html   | 6 +++++-
 examples/technical-indicator-bollinger-bands-svg/index.html | 6 +++++-
 examples/technical-indicator-elder-ray/index.html           | 6 +++++-
 examples/technical-indicator-envelope/index.html            | 6 +++++-
 examples/technical-indicator-force-index/index.html         | 6 +++++-
 examples/technical-indicator-macd/index.html                | 6 +++++-
 .../technical-indicator-relative-strength-index/index.html  | 6 +++++-
 .../technical-indicator-stochastic-oscillator/index.html    | 6 +++++-
 examples/transitions/index.html                             | 6 +++++-
 examples/webgl-context-lost/index.html                      | 6 +++++-
 examples/webgl-with-svg-overlay/index.html                  | 6 +++++-
 package-lock.json                                           | 6 ++++++
 package.json                                                | 1 +
 100 files changed, 487 insertions(+), 96 deletions(-)
 create mode 100644 examples/index.css
 create mode 100644 examples/index.js

diff --git a/examples/annotation-canvas-band/index.html b/examples/annotation-canvas-band/index.html
index a62afe8c6..488aaafcb 100644
--- a/examples/annotation-canvas-band/index.html
+++ b/examples/annotation-canvas-band/index.html
@@ -1,10 +1,14 @@
+<!doctype html>
 <html>
-
 <head>
     <script src="../../node_modules/seedrandom/seedrandom.js"></script>
     <script>Math.seedrandom('a22ebc7c488a3a47');</script>
+    <script src="../../node_modules/mockdate/src/mockdate.js"></script>
+    <script>MockDate.set('2000-01-01', 0);</script>
     <script src="../../node_modules/d3/dist/d3.js"></script>
     <script src="../../packages/d3fc/build/d3fc.js"></script>
+    <script src="../index.js"></script>
+    <link rel="stylesheet" href="../index.css">
     <link rel="icon" type="image/png" href="data:image/png;base64,iVBORw0KGgo=">
     <style>
         body {
diff --git a/examples/annotation-canvas-crosshair/index.html b/examples/annotation-canvas-crosshair/index.html
index a62afe8c6..488aaafcb 100644
--- a/examples/annotation-canvas-crosshair/index.html
+++ b/examples/annotation-canvas-crosshair/index.html
@@ -1,10 +1,14 @@
+<!doctype html>
 <html>
-
 <head>
     <script src="../../node_modules/seedrandom/seedrandom.js"></script>
     <script>Math.seedrandom('a22ebc7c488a3a47');</script>
+    <script src="../../node_modules/mockdate/src/mockdate.js"></script>
+    <script>MockDate.set('2000-01-01', 0);</script>
     <script src="../../node_modules/d3/dist/d3.js"></script>
     <script src="../../packages/d3fc/build/d3fc.js"></script>
+    <script src="../index.js"></script>
+    <link rel="stylesheet" href="../index.css">
     <link rel="icon" type="image/png" href="data:image/png;base64,iVBORw0KGgo=">
     <style>
         body {
diff --git a/examples/annotation-canvas-gridline/index.html b/examples/annotation-canvas-gridline/index.html
index a62afe8c6..488aaafcb 100644
--- a/examples/annotation-canvas-gridline/index.html
+++ b/examples/annotation-canvas-gridline/index.html
@@ -1,10 +1,14 @@
+<!doctype html>
 <html>
-
 <head>
     <script src="../../node_modules/seedrandom/seedrandom.js"></script>
     <script>Math.seedrandom('a22ebc7c488a3a47');</script>
+    <script src="../../node_modules/mockdate/src/mockdate.js"></script>
+    <script>MockDate.set('2000-01-01', 0);</script>
     <script src="../../node_modules/d3/dist/d3.js"></script>
     <script src="../../packages/d3fc/build/d3fc.js"></script>
+    <script src="../index.js"></script>
+    <link rel="stylesheet" href="../index.css">
     <link rel="icon" type="image/png" href="data:image/png;base64,iVBORw0KGgo=">
     <style>
         body {
diff --git a/examples/annotation-canvas-line/index.html b/examples/annotation-canvas-line/index.html
index a62afe8c6..488aaafcb 100644
--- a/examples/annotation-canvas-line/index.html
+++ b/examples/annotation-canvas-line/index.html
@@ -1,10 +1,14 @@
+<!doctype html>
 <html>
-
 <head>
     <script src="../../node_modules/seedrandom/seedrandom.js"></script>
     <script>Math.seedrandom('a22ebc7c488a3a47');</script>
+    <script src="../../node_modules/mockdate/src/mockdate.js"></script>
+    <script>MockDate.set('2000-01-01', 0);</script>
     <script src="../../node_modules/d3/dist/d3.js"></script>
     <script src="../../packages/d3fc/build/d3fc.js"></script>
+    <script src="../index.js"></script>
+    <link rel="stylesheet" href="../index.css">
     <link rel="icon" type="image/png" href="data:image/png;base64,iVBORw0KGgo=">
     <style>
         body {
diff --git a/examples/annotation-gridline-transition/index.html b/examples/annotation-gridline-transition/index.html
index 601f1fb6e..7bdb68252 100644
--- a/examples/annotation-gridline-transition/index.html
+++ b/examples/annotation-gridline-transition/index.html
@@ -1,10 +1,14 @@
+<!doctype html>
 <html>
-
 <head>
     <script src="../../node_modules/seedrandom/seedrandom.js"></script>
     <script>Math.seedrandom('a22ebc7c488a3a47');</script>
+    <script src="../../node_modules/mockdate/src/mockdate.js"></script>
+    <script>MockDate.set('2000-01-01', 0);</script>
     <script src="../../node_modules/d3/dist/d3.js"></script>
     <script src="../../packages/d3fc/build/d3fc.js"></script>
+    <script src="../index.js"></script>
+    <link rel="stylesheet" href="../index.css">
     <link rel="icon" type="image/png" href="data:image/png;base64,iVBORw0KGgo=">
     <style>
         body {
diff --git a/examples/annotation-svg-band/index.html b/examples/annotation-svg-band/index.html
index 14009d9bb..041c19b81 100644
--- a/examples/annotation-svg-band/index.html
+++ b/examples/annotation-svg-band/index.html
@@ -1,10 +1,14 @@
+<!doctype html>
 <html>
-
 <head>
     <script src="../../node_modules/seedrandom/seedrandom.js"></script>
     <script>Math.seedrandom('a22ebc7c488a3a47');</script>
+    <script src="../../node_modules/mockdate/src/mockdate.js"></script>
+    <script>MockDate.set('2000-01-01', 0);</script>
     <script src="../../node_modules/d3/dist/d3.js"></script>
     <script src="../../packages/d3fc/build/d3fc.js"></script>
+    <script src="../index.js"></script>
+    <link rel="stylesheet" href="../index.css">
     <link rel="icon" type="image/png" href="data:image/png;base64,iVBORw0KGgo=">
     <style>
         body {
diff --git a/examples/annotation-svg-crosshair/index.html b/examples/annotation-svg-crosshair/index.html
index aae716a64..8643db8d2 100644
--- a/examples/annotation-svg-crosshair/index.html
+++ b/examples/annotation-svg-crosshair/index.html
@@ -1,10 +1,14 @@
+<!doctype html>
 <html>
-
 <head>
     <script src="../../node_modules/seedrandom/seedrandom.js"></script>
     <script>Math.seedrandom('a22ebc7c488a3a47');</script>
+    <script src="../../node_modules/mockdate/src/mockdate.js"></script>
+    <script>MockDate.set('2000-01-01', 0);</script>
     <script src="../../node_modules/d3/dist/d3.js"></script>
     <script src="../../packages/d3fc/build/d3fc.js"></script>
+    <script src="../index.js"></script>
+    <link rel="stylesheet" href="../index.css">
     <link rel="icon" type="image/png" href="data:image/png;base64,iVBORw0KGgo=">
     <style>
         body {
diff --git a/examples/annotation-svg-gridline/index.html b/examples/annotation-svg-gridline/index.html
index bff1f2968..509e2693e 100644
--- a/examples/annotation-svg-gridline/index.html
+++ b/examples/annotation-svg-gridline/index.html
@@ -1,10 +1,14 @@
+<!doctype html>
 <html>
-
 <head>
     <script src="../../node_modules/seedrandom/seedrandom.js"></script>
     <script>Math.seedrandom('a22ebc7c488a3a47');</script>
+    <script src="../../node_modules/mockdate/src/mockdate.js"></script>
+    <script>MockDate.set('2000-01-01', 0);</script>
     <script src="../../node_modules/d3/dist/d3.js"></script>
     <script src="../../packages/d3fc/build/d3fc.js"></script>
+    <script src="../index.js"></script>
+    <link rel="stylesheet" href="../index.css">
     <link rel="icon" type="image/png" href="data:image/png;base64,iVBORw0KGgo=">
     <style>
         body {
diff --git a/examples/annotation-svg-line/index.html b/examples/annotation-svg-line/index.html
index 19d9fd162..ebdc383ac 100644
--- a/examples/annotation-svg-line/index.html
+++ b/examples/annotation-svg-line/index.html
@@ -1,10 +1,14 @@
+<!doctype html>
 <html>
-
 <head>
     <script src="../../node_modules/seedrandom/seedrandom.js"></script>
     <script>Math.seedrandom('a22ebc7c488a3a47');</script>
+    <script src="../../node_modules/mockdate/src/mockdate.js"></script>
+    <script>MockDate.set('2000-01-01', 0);</script>
     <script src="../../node_modules/d3/dist/d3.js"></script>
     <script src="../../packages/d3fc/build/d3fc.js"></script>
+    <script src="../index.js"></script>
+    <link rel="stylesheet" href="../index.css">
     <link rel="icon" type="image/png" href="data:image/png;base64,iVBORw0KGgo=">
     <style>
         body {
diff --git a/examples/axis-band-scale/index.html b/examples/axis-band-scale/index.html
index 601f1fb6e..7bdb68252 100644
--- a/examples/axis-band-scale/index.html
+++ b/examples/axis-band-scale/index.html
@@ -1,10 +1,14 @@
+<!doctype html>
 <html>
-
 <head>
     <script src="../../node_modules/seedrandom/seedrandom.js"></script>
     <script>Math.seedrandom('a22ebc7c488a3a47');</script>
+    <script src="../../node_modules/mockdate/src/mockdate.js"></script>
+    <script>MockDate.set('2000-01-01', 0);</script>
     <script src="../../node_modules/d3/dist/d3.js"></script>
     <script src="../../packages/d3fc/build/d3fc.js"></script>
+    <script src="../index.js"></script>
+    <link rel="stylesheet" href="../index.css">
     <link rel="icon" type="image/png" href="data:image/png;base64,iVBORw0KGgo=">
     <style>
         body {
diff --git a/examples/axis-center/index.html b/examples/axis-center/index.html
index 9bf330e07..8cc4bd07e 100644
--- a/examples/axis-center/index.html
+++ b/examples/axis-center/index.html
@@ -1,10 +1,14 @@
+<!doctype html>
 <html>
-
 <head>
     <script src="../../node_modules/seedrandom/seedrandom.js"></script>
     <script>Math.seedrandom('a22ebc7c488a3a47');</script>
+    <script src="../../node_modules/mockdate/src/mockdate.js"></script>
+    <script>MockDate.set('2000-01-01', 0);</script>
     <script src="../../node_modules/d3/dist/d3.js"></script>
     <script src="../../packages/d3fc/build/d3fc.js"></script>
+    <script src="../index.js"></script>
+    <link rel="stylesheet" href="../index.css">
     <link rel="icon" type="image/png" href="data:image/png;base64,iVBORw0KGgo=">
     <style>
         d3fc-svg {
diff --git a/examples/axis-color/index.html b/examples/axis-color/index.html
index 601f1fb6e..7bdb68252 100644
--- a/examples/axis-color/index.html
+++ b/examples/axis-color/index.html
@@ -1,10 +1,14 @@
+<!doctype html>
 <html>
-
 <head>
     <script src="../../node_modules/seedrandom/seedrandom.js"></script>
     <script>Math.seedrandom('a22ebc7c488a3a47');</script>
+    <script src="../../node_modules/mockdate/src/mockdate.js"></script>
+    <script>MockDate.set('2000-01-01', 0);</script>
     <script src="../../node_modules/d3/dist/d3.js"></script>
     <script src="../../packages/d3fc/build/d3fc.js"></script>
+    <script src="../index.js"></script>
+    <link rel="stylesheet" href="../index.css">
     <link rel="icon" type="image/png" href="data:image/png;base64,iVBORw0KGgo=">
     <style>
         body {
diff --git a/examples/axis-label-offset/index.html b/examples/axis-label-offset/index.html
index 618421ff2..501c3c8d5 100644
--- a/examples/axis-label-offset/index.html
+++ b/examples/axis-label-offset/index.html
@@ -1,10 +1,14 @@
+<!doctype html>
 <html>
-
 <head>
     <script src="../../node_modules/seedrandom/seedrandom.js"></script>
     <script>Math.seedrandom('a22ebc7c488a3a47');</script>
+    <script src="../../node_modules/mockdate/src/mockdate.js"></script>
+    <script>MockDate.set('2000-01-01', 0);</script>
     <script src="../../node_modules/d3/dist/d3.js"></script>
     <script src="../../packages/d3fc/build/d3fc.js"></script>
+    <script src="../index.js"></script>
+    <link rel="stylesheet" href="../index.css">
     <link rel="icon" type="image/png" href="data:image/png;base64,iVBORw0KGgo=">
     <style>
         body {
diff --git a/examples/axis-offset/index.html b/examples/axis-offset/index.html
index 601f1fb6e..7bdb68252 100644
--- a/examples/axis-offset/index.html
+++ b/examples/axis-offset/index.html
@@ -1,10 +1,14 @@
+<!doctype html>
 <html>
-
 <head>
     <script src="../../node_modules/seedrandom/seedrandom.js"></script>
     <script>Math.seedrandom('a22ebc7c488a3a47');</script>
+    <script src="../../node_modules/mockdate/src/mockdate.js"></script>
+    <script>MockDate.set('2000-01-01', 0);</script>
     <script src="../../node_modules/d3/dist/d3.js"></script>
     <script src="../../packages/d3fc/build/d3fc.js"></script>
+    <script src="../index.js"></script>
+    <link rel="stylesheet" href="../index.css">
     <link rel="icon" type="image/png" href="data:image/png;base64,iVBORw0KGgo=">
     <style>
         body {
diff --git a/examples/axis-rotate-auto/index.html b/examples/axis-rotate-auto/index.html
index c3f9fe3c3..79b7e611c 100644
--- a/examples/axis-rotate-auto/index.html
+++ b/examples/axis-rotate-auto/index.html
@@ -1,10 +1,14 @@
+<!doctype html>
 <html>
-
 <head>
     <script src="../../node_modules/seedrandom/seedrandom.js"></script>
     <script>Math.seedrandom('a22ebc7c488a3a47');</script>
+    <script src="../../node_modules/mockdate/src/mockdate.js"></script>
+    <script>MockDate.set('2000-01-01', 0);</script>
     <script src="../../node_modules/d3/dist/d3.js"></script>
     <script src="../../packages/d3fc/build/d3fc.js"></script>
+    <script src="../index.js"></script>
+    <link rel="stylesheet" href="../index.css">
     <link rel="icon" type="image/png" href="data:image/png;base64,iVBORw0KGgo=">
     <style>
         body {
diff --git a/examples/axis-rotate-decorate/index.html b/examples/axis-rotate-decorate/index.html
index 601f1fb6e..7bdb68252 100644
--- a/examples/axis-rotate-decorate/index.html
+++ b/examples/axis-rotate-decorate/index.html
@@ -1,10 +1,14 @@
+<!doctype html>
 <html>
-
 <head>
     <script src="../../node_modules/seedrandom/seedrandom.js"></script>
     <script>Math.seedrandom('a22ebc7c488a3a47');</script>
+    <script src="../../node_modules/mockdate/src/mockdate.js"></script>
+    <script>MockDate.set('2000-01-01', 0);</script>
     <script src="../../node_modules/d3/dist/d3.js"></script>
     <script src="../../packages/d3fc/build/d3fc.js"></script>
+    <script src="../index.js"></script>
+    <link rel="stylesheet" href="../index.css">
     <link rel="icon" type="image/png" href="data:image/png;base64,iVBORw0KGgo=">
     <style>
         body {
diff --git a/examples/axis-tick-arguments/index.html b/examples/axis-tick-arguments/index.html
index 601f1fb6e..7bdb68252 100644
--- a/examples/axis-tick-arguments/index.html
+++ b/examples/axis-tick-arguments/index.html
@@ -1,10 +1,14 @@
+<!doctype html>
 <html>
-
 <head>
     <script src="../../node_modules/seedrandom/seedrandom.js"></script>
     <script>Math.seedrandom('a22ebc7c488a3a47');</script>
+    <script src="../../node_modules/mockdate/src/mockdate.js"></script>
+    <script>MockDate.set('2000-01-01', 0);</script>
     <script src="../../node_modules/d3/dist/d3.js"></script>
     <script src="../../packages/d3fc/build/d3fc.js"></script>
+    <script src="../index.js"></script>
+    <link rel="stylesheet" href="../index.css">
     <link rel="icon" type="image/png" href="data:image/png;base64,iVBORw0KGgo=">
     <style>
         body {
diff --git a/examples/axis-transition/index.html b/examples/axis-transition/index.html
index 601f1fb6e..7bdb68252 100644
--- a/examples/axis-transition/index.html
+++ b/examples/axis-transition/index.html
@@ -1,10 +1,14 @@
+<!doctype html>
 <html>
-
 <head>
     <script src="../../node_modules/seedrandom/seedrandom.js"></script>
     <script>Math.seedrandom('a22ebc7c488a3a47');</script>
+    <script src="../../node_modules/mockdate/src/mockdate.js"></script>
+    <script>MockDate.set('2000-01-01', 0);</script>
     <script src="../../node_modules/d3/dist/d3.js"></script>
     <script src="../../packages/d3fc/build/d3fc.js"></script>
+    <script src="../index.js"></script>
+    <link rel="stylesheet" href="../index.css">
     <link rel="icon" type="image/png" href="data:image/png;base64,iVBORw0KGgo=">
     <style>
         body {
diff --git a/examples/brush-navigator/index.html b/examples/brush-navigator/index.html
index 1c55a8822..a49486bcb 100644
--- a/examples/brush-navigator/index.html
+++ b/examples/brush-navigator/index.html
@@ -1,10 +1,14 @@
+<!doctype html>
 <html>
-
 <head>
     <script src="../../node_modules/seedrandom/seedrandom.js"></script>
     <script>Math.seedrandom('a22ebc7c488a3a47');</script>
+    <script src="../../node_modules/mockdate/src/mockdate.js"></script>
+    <script>MockDate.set('2000-01-01', 0);</script>
     <script src="../../node_modules/d3/dist/d3.js"></script>
     <script src="../../packages/d3fc/build/d3fc.js"></script>
+    <script src="../index.js"></script>
+    <link rel="stylesheet" href="../index.css">
     <link rel="icon" type="image/png" href="data:image/png;base64,iVBORw0KGgo=">
     <style>
         body {
diff --git a/examples/brush-zoom/index.html b/examples/brush-zoom/index.html
index b4032820a..51e4cbb22 100644
--- a/examples/brush-zoom/index.html
+++ b/examples/brush-zoom/index.html
@@ -1,10 +1,14 @@
+<!doctype html>
 <html>
-
 <head>
     <script src="../../node_modules/seedrandom/seedrandom.js"></script>
     <script>Math.seedrandom('a22ebc7c488a3a47');</script>
+    <script src="../../node_modules/mockdate/src/mockdate.js"></script>
+    <script>MockDate.set('2000-01-01', 0);</script>
     <script src="../../node_modules/d3/dist/d3.js"></script>
     <script src="../../packages/d3fc/build/d3fc.js"></script>
+    <script src="../index.js"></script>
+    <link rel="stylesheet" href="../index.css">
     <link rel="icon" type="image/png" href="data:image/png;base64,iVBORw0KGgo=">
     <style>
         body {
diff --git a/examples/bubble-chart/index.html b/examples/bubble-chart/index.html
index bbc80bdc0..200eea023 100644
--- a/examples/bubble-chart/index.html
+++ b/examples/bubble-chart/index.html
@@ -1,10 +1,14 @@
+<!doctype html>
 <html>
-
 <head>
     <script src="../../node_modules/seedrandom/seedrandom.js"></script>
     <script>Math.seedrandom('a22ebc7c488a3a47');</script>
+    <script src="../../node_modules/mockdate/src/mockdate.js"></script>
+    <script>MockDate.set('2000-01-01', 0);</script>
     <script src="../../node_modules/d3/dist/d3.js"></script>
     <script src="../../packages/d3fc/build/d3fc.js"></script>
+    <script src="../index.js"></script>
+    <link rel="stylesheet" href="../index.css">
     <link rel="icon" type="image/png" href="data:image/png;base64,iVBORw0KGgo=">
     <style>
         body {
diff --git a/examples/building-a-chart/index.html b/examples/building-a-chart/index.html
index 4cdcb6b47..26ea35d60 100644
--- a/examples/building-a-chart/index.html
+++ b/examples/building-a-chart/index.html
@@ -1,10 +1,14 @@
+<!doctype html>
 <html>
-
 <head>
     <script src="../../node_modules/seedrandom/seedrandom.js"></script>
     <script>Math.seedrandom('a22ebc7c488a3a47');</script>
+    <script src="../../node_modules/mockdate/src/mockdate.js"></script>
+    <script>MockDate.set('2000-01-01', 0);</script>
     <script src="../../node_modules/d3/dist/d3.js"></script>
     <script src="../../packages/d3fc/build/d3fc.js"></script>
+    <script src="../index.js"></script>
+    <link rel="stylesheet" href="../index.css">
     <link rel="icon" type="image/png" href="data:image/png;base64,iVBORw0KGgo=">
     <style>
         body {
diff --git a/examples/chart-cartesian-custom-axis/index.html b/examples/chart-cartesian-custom-axis/index.html
index 7aa6891c9..9bffda04d 100644
--- a/examples/chart-cartesian-custom-axis/index.html
+++ b/examples/chart-cartesian-custom-axis/index.html
@@ -1,10 +1,14 @@
+<!doctype html>
 <html>
-
 <head>
     <script src="../../node_modules/seedrandom/seedrandom.js"></script>
     <script>Math.seedrandom('a22ebc7c488a3a47');</script>
+    <script src="../../node_modules/mockdate/src/mockdate.js"></script>
+    <script>MockDate.set('2000-01-01', 0);</script>
     <script src="../../node_modules/d3/dist/d3.js"></script>
     <script src="../../packages/d3fc/build/d3fc.js"></script>
+    <script src="../index.js"></script>
+    <link rel="stylesheet" href="../index.css">
     <link rel="icon" type="image/png" href="data:image/png;base64,iVBORw0KGgo=">
     <style>
         body {
diff --git a/examples/chart-cartesian-move-axis/index.html b/examples/chart-cartesian-move-axis/index.html
index 7aa6891c9..9bffda04d 100644
--- a/examples/chart-cartesian-move-axis/index.html
+++ b/examples/chart-cartesian-move-axis/index.html
@@ -1,10 +1,14 @@
+<!doctype html>
 <html>
-
 <head>
     <script src="../../node_modules/seedrandom/seedrandom.js"></script>
     <script>Math.seedrandom('a22ebc7c488a3a47');</script>
+    <script src="../../node_modules/mockdate/src/mockdate.js"></script>
+    <script>MockDate.set('2000-01-01', 0);</script>
     <script src="../../node_modules/d3/dist/d3.js"></script>
     <script src="../../packages/d3fc/build/d3fc.js"></script>
+    <script src="../index.js"></script>
+    <link rel="stylesheet" href="../index.css">
     <link rel="icon" type="image/png" href="data:image/png;base64,iVBORw0KGgo=">
     <style>
         body {
diff --git a/examples/chart-cartesian-ordinal/index.html b/examples/chart-cartesian-ordinal/index.html
index 7aa6891c9..9bffda04d 100644
--- a/examples/chart-cartesian-ordinal/index.html
+++ b/examples/chart-cartesian-ordinal/index.html
@@ -1,10 +1,14 @@
+<!doctype html>
 <html>
-
 <head>
     <script src="../../node_modules/seedrandom/seedrandom.js"></script>
     <script>Math.seedrandom('a22ebc7c488a3a47');</script>
+    <script src="../../node_modules/mockdate/src/mockdate.js"></script>
+    <script>MockDate.set('2000-01-01', 0);</script>
     <script src="../../node_modules/d3/dist/d3.js"></script>
     <script src="../../packages/d3fc/build/d3fc.js"></script>
+    <script src="../index.js"></script>
+    <link rel="stylesheet" href="../index.css">
     <link rel="icon" type="image/png" href="data:image/png;base64,iVBORw0KGgo=">
     <style>
         body {
diff --git a/examples/chart-cartesian-second-axis/index.html b/examples/chart-cartesian-second-axis/index.html
index 7aa6891c9..9bffda04d 100644
--- a/examples/chart-cartesian-second-axis/index.html
+++ b/examples/chart-cartesian-second-axis/index.html
@@ -1,10 +1,14 @@
+<!doctype html>
 <html>
-
 <head>
     <script src="../../node_modules/seedrandom/seedrandom.js"></script>
     <script>Math.seedrandom('a22ebc7c488a3a47');</script>
+    <script src="../../node_modules/mockdate/src/mockdate.js"></script>
+    <script>MockDate.set('2000-01-01', 0);</script>
     <script src="../../node_modules/d3/dist/d3.js"></script>
     <script src="../../packages/d3fc/build/d3fc.js"></script>
+    <script src="../index.js"></script>
+    <link rel="stylesheet" href="../index.css">
     <link rel="icon" type="image/png" href="data:image/png;base64,iVBORw0KGgo=">
     <style>
         body {
diff --git a/examples/chart-cartesian-transition/index.html b/examples/chart-cartesian-transition/index.html
index 7ad0a1ab5..ff53b1b27 100644
--- a/examples/chart-cartesian-transition/index.html
+++ b/examples/chart-cartesian-transition/index.html
@@ -1,10 +1,14 @@
+<!doctype html>
 <html>
-
 <head>
     <script src="../../node_modules/seedrandom/seedrandom.js"></script>
     <script>Math.seedrandom('a22ebc7c488a3a47');</script>
+    <script src="../../node_modules/mockdate/src/mockdate.js"></script>
+    <script>MockDate.set('2000-01-01', 0);</script>
     <script src="../../node_modules/d3/dist/d3.js"></script>
     <script src="../../packages/d3fc/build/d3fc.js"></script>
+    <script src="../index.js"></script>
+    <link rel="stylesheet" href="../index.css">
     <link rel="icon" type="image/png" href="data:image/png;base64,iVBORw0KGgo=">
     <style>
         body {
diff --git a/examples/chart-deprecated/index.html b/examples/chart-deprecated/index.html
index e4fa7768a..58a616fc6 100644
--- a/examples/chart-deprecated/index.html
+++ b/examples/chart-deprecated/index.html
@@ -1,10 +1,14 @@
+<!doctype html>
 <html>
-
 <head>
     <script src="../../node_modules/seedrandom/seedrandom.js"></script>
     <script>Math.seedrandom('a22ebc7c488a3a47');</script>
+    <script src="../../node_modules/mockdate/src/mockdate.js"></script>
+    <script>MockDate.set('2000-01-01', 0);</script>
     <script src="../../node_modules/d3/dist/d3.js"></script>
     <script src="../../packages/d3fc/build/d3fc.js"></script>
+    <script src="../index.js"></script>
+    <link rel="stylesheet" href="../index.css">
     <link rel="icon" type="image/png" href="data:image/png;base64,iVBORw0KGgo=">
     <style>
         body {
diff --git a/examples/chart-zoom/index.html b/examples/chart-zoom/index.html
index 277b50550..51b75ddd9 100644
--- a/examples/chart-zoom/index.html
+++ b/examples/chart-zoom/index.html
@@ -1,10 +1,14 @@
+<!doctype html>
 <html>
-
 <head>
     <script src="../../node_modules/seedrandom/seedrandom.js"></script>
     <script>Math.seedrandom('a22ebc7c488a3a47');</script>
+    <script src="../../node_modules/mockdate/src/mockdate.js"></script>
+    <script>MockDate.set('2000-01-01', 0);</script>
     <script src="../../node_modules/d3/dist/d3.js"></script>
     <script src="../../packages/d3fc/build/d3fc.js"></script>
+    <script src="../index.js"></script>
+    <link rel="stylesheet" href="../index.css">
     <link rel="icon" type="image/png" href="data:image/png;base64,iVBORw0KGgo=">
     <style>
         body {
diff --git a/examples/diamonds/index.html b/examples/diamonds/index.html
index 1d779effd..33888c51f 100644
--- a/examples/diamonds/index.html
+++ b/examples/diamonds/index.html
@@ -1,10 +1,14 @@
+<!doctype html>
 <html>
-
 <head>
     <script src="../../node_modules/seedrandom/seedrandom.js"></script>
     <script>Math.seedrandom('a22ebc7c488a3a47');</script>
+    <script src="../../node_modules/mockdate/src/mockdate.js"></script>
+    <script>MockDate.set('2000-01-01', 0);</script>
     <script src="../../node_modules/d3/dist/d3.js"></script>
     <script src="../../packages/d3fc/build/d3fc.js"></script>
+    <script src="../index.js"></script>
+    <link rel="stylesheet" href="../index.css">
     <link rel="icon" type="image/png" href="data:image/png;base64,iVBORw0KGgo=">
     <style>
         body {
diff --git a/examples/earth-and-mars/index.html b/examples/earth-and-mars/index.html
index 1d779effd..33888c51f 100644
--- a/examples/earth-and-mars/index.html
+++ b/examples/earth-and-mars/index.html
@@ -1,10 +1,14 @@
+<!doctype html>
 <html>
-
 <head>
     <script src="../../node_modules/seedrandom/seedrandom.js"></script>
     <script>Math.seedrandom('a22ebc7c488a3a47');</script>
+    <script src="../../node_modules/mockdate/src/mockdate.js"></script>
+    <script>MockDate.set('2000-01-01', 0);</script>
     <script src="../../node_modules/d3/dist/d3.js"></script>
     <script src="../../packages/d3fc/build/d3fc.js"></script>
+    <script src="../index.js"></script>
+    <link rel="stylesheet" href="../index.css">
     <link rel="icon" type="image/png" href="data:image/png;base64,iVBORw0KGgo=">
     <style>
         body {
diff --git a/examples/element-bespoke-chart-layout/index.html b/examples/element-bespoke-chart-layout/index.html
index 0305de3d5..164b2962f 100644
--- a/examples/element-bespoke-chart-layout/index.html
+++ b/examples/element-bespoke-chart-layout/index.html
@@ -1,10 +1,14 @@
+<!doctype html>
 <html>
-
 <head>
     <script src="../../node_modules/seedrandom/seedrandom.js"></script>
     <script>Math.seedrandom('a22ebc7c488a3a47');</script>
+    <script src="../../node_modules/mockdate/src/mockdate.js"></script>
+    <script>MockDate.set('2000-01-01', 0);</script>
     <script src="../../node_modules/d3/dist/d3.js"></script>
     <script src="../../packages/d3fc/build/d3fc.js"></script>
+    <script src="../index.js"></script>
+    <link rel="stylesheet" href="../index.css">
     <link rel="icon" type="image/png" href="data:image/png;base64,iVBORw0KGgo=">
     <style>
         body {
diff --git a/examples/idempotent-streaming-chart/index.html b/examples/idempotent-streaming-chart/index.html
index ded77ef33..dda9ea2a4 100644
--- a/examples/idempotent-streaming-chart/index.html
+++ b/examples/idempotent-streaming-chart/index.html
@@ -1,10 +1,14 @@
+<!doctype html>
 <html>
-
 <head>
     <script src="../../node_modules/seedrandom/seedrandom.js"></script>
     <script>Math.seedrandom('a22ebc7c488a3a47');</script>
+    <script src="../../node_modules/mockdate/src/mockdate.js"></script>
+    <script>MockDate.set('2000-01-01', 0);</script>
     <script src="../../node_modules/d3/dist/d3.js"></script>
     <script src="../../packages/d3fc/build/d3fc.js"></script>
+    <script src="../index.js"></script>
+    <link rel="stylesheet" href="../index.css">
     <link rel="icon" type="image/png" href="data:image/png;base64,iVBORw0KGgo=">
     <style>
         body {
diff --git a/examples/index.css b/examples/index.css
new file mode 100644
index 000000000..e69de29bb
diff --git a/examples/index.js b/examples/index.js
new file mode 100644
index 000000000..e69de29bb
diff --git a/examples/label-layout/index.html b/examples/label-layout/index.html
index 502c1928b..4196b5d5f 100644
--- a/examples/label-layout/index.html
+++ b/examples/label-layout/index.html
@@ -1,10 +1,14 @@
+<!doctype html>
 <html>
-
 <head>
     <script src="../../node_modules/seedrandom/seedrandom.js"></script>
     <script>Math.seedrandom('a22ebc7c488a3a47');</script>
+    <script src="../../node_modules/mockdate/src/mockdate.js"></script>
+    <script>MockDate.set('2000-01-01', 0);</script>
     <script src="../../node_modules/d3/dist/d3.js"></script>
     <script src="../../packages/d3fc/build/d3fc.js"></script>
+    <script src="../index.js"></script>
+    <link rel="stylesheet" href="../index.css">
     <link rel="icon" type="image/png" href="data:image/png;base64,iVBORw0KGgo=">
     <style>
         rect {
diff --git a/examples/sample/index.html b/examples/sample/index.html
index 88b81e9f8..6bae24049 100644
--- a/examples/sample/index.html
+++ b/examples/sample/index.html
@@ -1,10 +1,14 @@
+<!doctype html>
 <html>
-
 <head>
     <script src="../../node_modules/seedrandom/seedrandom.js"></script>
     <script>Math.seedrandom('a22ebc7c488a3a47');</script>
+    <script src="../../node_modules/mockdate/src/mockdate.js"></script>
+    <script>MockDate.set('2000-01-01', 0);</script>
     <script src="../../node_modules/d3/dist/d3.js"></script>
     <script src="../../packages/d3fc/build/d3fc.js"></script>
+    <script src="../index.js"></script>
+    <link rel="stylesheet" href="../index.css">
     <link rel="icon" type="image/png" href="data:image/png;base64,iVBORw0KGgo=">
     <style>
         path {
diff --git a/examples/series-canvas-area/index.html b/examples/series-canvas-area/index.html
index 462f41e22..1738f6640 100644
--- a/examples/series-canvas-area/index.html
+++ b/examples/series-canvas-area/index.html
@@ -1,10 +1,14 @@
+<!doctype html>
 <html>
-
 <head>
     <script src="../../node_modules/seedrandom/seedrandom.js"></script>
     <script>Math.seedrandom('a22ebc7c488a3a47');</script>
+    <script src="../../node_modules/mockdate/src/mockdate.js"></script>
+    <script>MockDate.set('2000-01-01', 0);</script>
     <script src="../../node_modules/d3/dist/d3.js"></script>
     <script src="../../packages/d3fc/build/d3fc.js"></script>
+    <script src="../index.js"></script>
+    <link rel="stylesheet" href="../index.css">
     <link rel="icon" type="image/png" href="data:image/png;base64,iVBORw0KGgo=">
     <style>
         body {
diff --git a/examples/series-canvas-auto-bandwidth/index.html b/examples/series-canvas-auto-bandwidth/index.html
index 462f41e22..1738f6640 100644
--- a/examples/series-canvas-auto-bandwidth/index.html
+++ b/examples/series-canvas-auto-bandwidth/index.html
@@ -1,10 +1,14 @@
+<!doctype html>
 <html>
-
 <head>
     <script src="../../node_modules/seedrandom/seedrandom.js"></script>
     <script>Math.seedrandom('a22ebc7c488a3a47');</script>
+    <script src="../../node_modules/mockdate/src/mockdate.js"></script>
+    <script>MockDate.set('2000-01-01', 0);</script>
     <script src="../../node_modules/d3/dist/d3.js"></script>
     <script src="../../packages/d3fc/build/d3fc.js"></script>
+    <script src="../index.js"></script>
+    <link rel="stylesheet" href="../index.css">
     <link rel="icon" type="image/png" href="data:image/png;base64,iVBORw0KGgo=">
     <style>
         body {
diff --git a/examples/series-canvas-bar/index.html b/examples/series-canvas-bar/index.html
index 462f41e22..1738f6640 100644
--- a/examples/series-canvas-bar/index.html
+++ b/examples/series-canvas-bar/index.html
@@ -1,10 +1,14 @@
+<!doctype html>
 <html>
-
 <head>
     <script src="../../node_modules/seedrandom/seedrandom.js"></script>
     <script>Math.seedrandom('a22ebc7c488a3a47');</script>
+    <script src="../../node_modules/mockdate/src/mockdate.js"></script>
+    <script>MockDate.set('2000-01-01', 0);</script>
     <script src="../../node_modules/d3/dist/d3.js"></script>
     <script src="../../packages/d3fc/build/d3fc.js"></script>
+    <script src="../index.js"></script>
+    <link rel="stylesheet" href="../index.css">
     <link rel="icon" type="image/png" href="data:image/png;base64,iVBORw0KGgo=">
     <style>
         body {
diff --git a/examples/series-canvas-boxplot/index.html b/examples/series-canvas-boxplot/index.html
index 462f41e22..1738f6640 100644
--- a/examples/series-canvas-boxplot/index.html
+++ b/examples/series-canvas-boxplot/index.html
@@ -1,10 +1,14 @@
+<!doctype html>
 <html>
-
 <head>
     <script src="../../node_modules/seedrandom/seedrandom.js"></script>
     <script>Math.seedrandom('a22ebc7c488a3a47');</script>
+    <script src="../../node_modules/mockdate/src/mockdate.js"></script>
+    <script>MockDate.set('2000-01-01', 0);</script>
     <script src="../../node_modules/d3/dist/d3.js"></script>
     <script src="../../packages/d3fc/build/d3fc.js"></script>
+    <script src="../index.js"></script>
+    <link rel="stylesheet" href="../index.css">
     <link rel="icon" type="image/png" href="data:image/png;base64,iVBORw0KGgo=">
     <style>
         body {
diff --git a/examples/series-canvas-candlestick/index.html b/examples/series-canvas-candlestick/index.html
index 462f41e22..1738f6640 100644
--- a/examples/series-canvas-candlestick/index.html
+++ b/examples/series-canvas-candlestick/index.html
@@ -1,10 +1,14 @@
+<!doctype html>
 <html>
-
 <head>
     <script src="../../node_modules/seedrandom/seedrandom.js"></script>
     <script>Math.seedrandom('a22ebc7c488a3a47');</script>
+    <script src="../../node_modules/mockdate/src/mockdate.js"></script>
+    <script>MockDate.set('2000-01-01', 0);</script>
     <script src="../../node_modules/d3/dist/d3.js"></script>
     <script src="../../packages/d3fc/build/d3fc.js"></script>
+    <script src="../index.js"></script>
+    <link rel="stylesheet" href="../index.css">
     <link rel="icon" type="image/png" href="data:image/png;base64,iVBORw0KGgo=">
     <style>
         body {
diff --git a/examples/series-canvas-decorate-append/index.html b/examples/series-canvas-decorate-append/index.html
index 462f41e22..1738f6640 100644
--- a/examples/series-canvas-decorate-append/index.html
+++ b/examples/series-canvas-decorate-append/index.html
@@ -1,10 +1,14 @@
+<!doctype html>
 <html>
-
 <head>
     <script src="../../node_modules/seedrandom/seedrandom.js"></script>
     <script>Math.seedrandom('a22ebc7c488a3a47');</script>
+    <script src="../../node_modules/mockdate/src/mockdate.js"></script>
+    <script>MockDate.set('2000-01-01', 0);</script>
     <script src="../../node_modules/d3/dist/d3.js"></script>
     <script src="../../packages/d3fc/build/d3fc.js"></script>
+    <script src="../index.js"></script>
+    <link rel="stylesheet" href="../index.css">
     <link rel="icon" type="image/png" href="data:image/png;base64,iVBORw0KGgo=">
     <style>
         body {
diff --git a/examples/series-canvas-decorate/index.html b/examples/series-canvas-decorate/index.html
index 462f41e22..1738f6640 100644
--- a/examples/series-canvas-decorate/index.html
+++ b/examples/series-canvas-decorate/index.html
@@ -1,10 +1,14 @@
+<!doctype html>
 <html>
-
 <head>
     <script src="../../node_modules/seedrandom/seedrandom.js"></script>
     <script>Math.seedrandom('a22ebc7c488a3a47');</script>
+    <script src="../../node_modules/mockdate/src/mockdate.js"></script>
+    <script>MockDate.set('2000-01-01', 0);</script>
     <script src="../../node_modules/d3/dist/d3.js"></script>
     <script src="../../packages/d3fc/build/d3fc.js"></script>
+    <script src="../index.js"></script>
+    <link rel="stylesheet" href="../index.css">
     <link rel="icon" type="image/png" href="data:image/png;base64,iVBORw0KGgo=">
     <style>
         body {
diff --git a/examples/series-canvas-errorbar/index.html b/examples/series-canvas-errorbar/index.html
index 462f41e22..1738f6640 100644
--- a/examples/series-canvas-errorbar/index.html
+++ b/examples/series-canvas-errorbar/index.html
@@ -1,10 +1,14 @@
+<!doctype html>
 <html>
-
 <head>
     <script src="../../node_modules/seedrandom/seedrandom.js"></script>
     <script>Math.seedrandom('a22ebc7c488a3a47');</script>
+    <script src="../../node_modules/mockdate/src/mockdate.js"></script>
+    <script>MockDate.set('2000-01-01', 0);</script>
     <script src="../../node_modules/d3/dist/d3.js"></script>
     <script src="../../packages/d3fc/build/d3fc.js"></script>
+    <script src="../index.js"></script>
+    <link rel="stylesheet" href="../index.css">
     <link rel="icon" type="image/png" href="data:image/png;base64,iVBORw0KGgo=">
     <style>
         body {
diff --git a/examples/series-canvas-grouped/index.html b/examples/series-canvas-grouped/index.html
index 95c43d9be..cef81a73b 100644
--- a/examples/series-canvas-grouped/index.html
+++ b/examples/series-canvas-grouped/index.html
@@ -1,10 +1,14 @@
+<!doctype html>
 <html>
-
 <head>
     <script src="../../node_modules/seedrandom/seedrandom.js"></script>
     <script>Math.seedrandom('a22ebc7c488a3a47');</script>
+    <script src="../../node_modules/mockdate/src/mockdate.js"></script>
+    <script>MockDate.set('2000-01-01', 0);</script>
     <script src="../../node_modules/d3/dist/d3.js"></script>
     <script src="../../packages/d3fc/build/d3fc.js"></script>
+    <script src="../index.js"></script>
+    <link rel="stylesheet" href="../index.css">
     <link rel="icon" type="image/png" href="data:image/png;base64,iVBORw0KGgo=">
     <style>
         body {
diff --git a/examples/series-canvas-heatmap/index.html b/examples/series-canvas-heatmap/index.html
index 462f41e22..1738f6640 100644
--- a/examples/series-canvas-heatmap/index.html
+++ b/examples/series-canvas-heatmap/index.html
@@ -1,10 +1,14 @@
+<!doctype html>
 <html>
-
 <head>
     <script src="../../node_modules/seedrandom/seedrandom.js"></script>
     <script>Math.seedrandom('a22ebc7c488a3a47');</script>
+    <script src="../../node_modules/mockdate/src/mockdate.js"></script>
+    <script>MockDate.set('2000-01-01', 0);</script>
     <script src="../../node_modules/d3/dist/d3.js"></script>
     <script src="../../packages/d3fc/build/d3fc.js"></script>
+    <script src="../index.js"></script>
+    <link rel="stylesheet" href="../index.css">
     <link rel="icon" type="image/png" href="data:image/png;base64,iVBORw0KGgo=">
     <style>
         body {
diff --git a/examples/series-canvas-line/index.html b/examples/series-canvas-line/index.html
index 462f41e22..1738f6640 100644
--- a/examples/series-canvas-line/index.html
+++ b/examples/series-canvas-line/index.html
@@ -1,10 +1,14 @@
+<!doctype html>
 <html>
-
 <head>
     <script src="../../node_modules/seedrandom/seedrandom.js"></script>
     <script>Math.seedrandom('a22ebc7c488a3a47');</script>
+    <script src="../../node_modules/mockdate/src/mockdate.js"></script>
+    <script>MockDate.set('2000-01-01', 0);</script>
     <script src="../../node_modules/d3/dist/d3.js"></script>
     <script src="../../packages/d3fc/build/d3fc.js"></script>
+    <script src="../index.js"></script>
+    <link rel="stylesheet" href="../index.css">
     <link rel="icon" type="image/png" href="data:image/png;base64,iVBORw0KGgo=">
     <style>
         body {
diff --git a/examples/series-canvas-multi/index.html b/examples/series-canvas-multi/index.html
index 462f41e22..1738f6640 100644
--- a/examples/series-canvas-multi/index.html
+++ b/examples/series-canvas-multi/index.html
@@ -1,10 +1,14 @@
+<!doctype html>
 <html>
-
 <head>
     <script src="../../node_modules/seedrandom/seedrandom.js"></script>
     <script>Math.seedrandom('a22ebc7c488a3a47');</script>
+    <script src="../../node_modules/mockdate/src/mockdate.js"></script>
+    <script>MockDate.set('2000-01-01', 0);</script>
     <script src="../../node_modules/d3/dist/d3.js"></script>
     <script src="../../packages/d3fc/build/d3fc.js"></script>
+    <script src="../index.js"></script>
+    <link rel="stylesheet" href="../index.css">
     <link rel="icon" type="image/png" href="data:image/png;base64,iVBORw0KGgo=">
     <style>
         body {
diff --git a/examples/series-canvas-ohlc/index.html b/examples/series-canvas-ohlc/index.html
index 462f41e22..1738f6640 100644
--- a/examples/series-canvas-ohlc/index.html
+++ b/examples/series-canvas-ohlc/index.html
@@ -1,10 +1,14 @@
+<!doctype html>
 <html>
-
 <head>
     <script src="../../node_modules/seedrandom/seedrandom.js"></script>
     <script>Math.seedrandom('a22ebc7c488a3a47');</script>
+    <script src="../../node_modules/mockdate/src/mockdate.js"></script>
+    <script>MockDate.set('2000-01-01', 0);</script>
     <script src="../../node_modules/d3/dist/d3.js"></script>
     <script src="../../packages/d3fc/build/d3fc.js"></script>
+    <script src="../index.js"></script>
+    <link rel="stylesheet" href="../index.css">
     <link rel="icon" type="image/png" href="data:image/png;base64,iVBORw0KGgo=">
     <style>
         body {
diff --git a/examples/series-canvas-point-size-type/index.html b/examples/series-canvas-point-size-type/index.html
index 462f41e22..1738f6640 100644
--- a/examples/series-canvas-point-size-type/index.html
+++ b/examples/series-canvas-point-size-type/index.html
@@ -1,10 +1,14 @@
+<!doctype html>
 <html>
-
 <head>
     <script src="../../node_modules/seedrandom/seedrandom.js"></script>
     <script>Math.seedrandom('a22ebc7c488a3a47');</script>
+    <script src="../../node_modules/mockdate/src/mockdate.js"></script>
+    <script>MockDate.set('2000-01-01', 0);</script>
     <script src="../../node_modules/d3/dist/d3.js"></script>
     <script src="../../packages/d3fc/build/d3fc.js"></script>
+    <script src="../index.js"></script>
+    <link rel="stylesheet" href="../index.css">
     <link rel="icon" type="image/png" href="data:image/png;base64,iVBORw0KGgo=">
     <style>
         body {
diff --git a/examples/series-canvas-point/index.html b/examples/series-canvas-point/index.html
index 462f41e22..1738f6640 100644
--- a/examples/series-canvas-point/index.html
+++ b/examples/series-canvas-point/index.html
@@ -1,10 +1,14 @@
+<!doctype html>
 <html>
-
 <head>
     <script src="../../node_modules/seedrandom/seedrandom.js"></script>
     <script>Math.seedrandom('a22ebc7c488a3a47');</script>
+    <script src="../../node_modules/mockdate/src/mockdate.js"></script>
+    <script>MockDate.set('2000-01-01', 0);</script>
     <script src="../../node_modules/d3/dist/d3.js"></script>
     <script src="../../packages/d3fc/build/d3fc.js"></script>
+    <script src="../index.js"></script>
+    <link rel="stylesheet" href="../index.css">
     <link rel="icon" type="image/png" href="data:image/png;base64,iVBORw0KGgo=">
     <style>
         body {
diff --git a/examples/series-canvas-repeat/index.html b/examples/series-canvas-repeat/index.html
index 462f41e22..1738f6640 100644
--- a/examples/series-canvas-repeat/index.html
+++ b/examples/series-canvas-repeat/index.html
@@ -1,10 +1,14 @@
+<!doctype html>
 <html>
-
 <head>
     <script src="../../node_modules/seedrandom/seedrandom.js"></script>
     <script>Math.seedrandom('a22ebc7c488a3a47');</script>
+    <script src="../../node_modules/mockdate/src/mockdate.js"></script>
+    <script>MockDate.set('2000-01-01', 0);</script>
     <script src="../../node_modules/d3/dist/d3.js"></script>
     <script src="../../packages/d3fc/build/d3fc.js"></script>
+    <script src="../index.js"></script>
+    <link rel="stylesheet" href="../index.css">
     <link rel="icon" type="image/png" href="data:image/png;base64,iVBORw0KGgo=">
     <style>
         body {
diff --git a/examples/series-canvas-stacked/index.html b/examples/series-canvas-stacked/index.html
index 462f41e22..1738f6640 100644
--- a/examples/series-canvas-stacked/index.html
+++ b/examples/series-canvas-stacked/index.html
@@ -1,10 +1,14 @@
+<!doctype html>
 <html>
-
 <head>
     <script src="../../node_modules/seedrandom/seedrandom.js"></script>
     <script>Math.seedrandom('a22ebc7c488a3a47');</script>
+    <script src="../../node_modules/mockdate/src/mockdate.js"></script>
+    <script>MockDate.set('2000-01-01', 0);</script>
     <script src="../../node_modules/d3/dist/d3.js"></script>
     <script src="../../packages/d3fc/build/d3fc.js"></script>
+    <script src="../index.js"></script>
+    <link rel="stylesheet" href="../index.css">
     <link rel="icon" type="image/png" href="data:image/png;base64,iVBORw0KGgo=">
     <style>
         body {
diff --git a/examples/series-svg-area/index.html b/examples/series-svg-area/index.html
index 601f1fb6e..7bdb68252 100644
--- a/examples/series-svg-area/index.html
+++ b/examples/series-svg-area/index.html
@@ -1,10 +1,14 @@
+<!doctype html>
 <html>
-
 <head>
     <script src="../../node_modules/seedrandom/seedrandom.js"></script>
     <script>Math.seedrandom('a22ebc7c488a3a47');</script>
+    <script src="../../node_modules/mockdate/src/mockdate.js"></script>
+    <script>MockDate.set('2000-01-01', 0);</script>
     <script src="../../node_modules/d3/dist/d3.js"></script>
     <script src="../../packages/d3fc/build/d3fc.js"></script>
+    <script src="../index.js"></script>
+    <link rel="stylesheet" href="../index.css">
     <link rel="icon" type="image/png" href="data:image/png;base64,iVBORw0KGgo=">
     <style>
         body {
diff --git a/examples/series-svg-auto-bandwidth/index.html b/examples/series-svg-auto-bandwidth/index.html
index 601f1fb6e..7bdb68252 100644
--- a/examples/series-svg-auto-bandwidth/index.html
+++ b/examples/series-svg-auto-bandwidth/index.html
@@ -1,10 +1,14 @@
+<!doctype html>
 <html>
-
 <head>
     <script src="../../node_modules/seedrandom/seedrandom.js"></script>
     <script>Math.seedrandom('a22ebc7c488a3a47');</script>
+    <script src="../../node_modules/mockdate/src/mockdate.js"></script>
+    <script>MockDate.set('2000-01-01', 0);</script>
     <script src="../../node_modules/d3/dist/d3.js"></script>
     <script src="../../packages/d3fc/build/d3fc.js"></script>
+    <script src="../index.js"></script>
+    <link rel="stylesheet" href="../index.css">
     <link rel="icon" type="image/png" href="data:image/png;base64,iVBORw0KGgo=">
     <style>
         body {
diff --git a/examples/series-svg-bar/index.html b/examples/series-svg-bar/index.html
index 601f1fb6e..7bdb68252 100644
--- a/examples/series-svg-bar/index.html
+++ b/examples/series-svg-bar/index.html
@@ -1,10 +1,14 @@
+<!doctype html>
 <html>
-
 <head>
     <script src="../../node_modules/seedrandom/seedrandom.js"></script>
     <script>Math.seedrandom('a22ebc7c488a3a47');</script>
+    <script src="../../node_modules/mockdate/src/mockdate.js"></script>
+    <script>MockDate.set('2000-01-01', 0);</script>
     <script src="../../node_modules/d3/dist/d3.js"></script>
     <script src="../../packages/d3fc/build/d3fc.js"></script>
+    <script src="../index.js"></script>
+    <link rel="stylesheet" href="../index.css">
     <link rel="icon" type="image/png" href="data:image/png;base64,iVBORw0KGgo=">
     <style>
         body {
diff --git a/examples/series-svg-boxplot/index.html b/examples/series-svg-boxplot/index.html
index 601f1fb6e..7bdb68252 100644
--- a/examples/series-svg-boxplot/index.html
+++ b/examples/series-svg-boxplot/index.html
@@ -1,10 +1,14 @@
+<!doctype html>
 <html>
-
 <head>
     <script src="../../node_modules/seedrandom/seedrandom.js"></script>
     <script>Math.seedrandom('a22ebc7c488a3a47');</script>
+    <script src="../../node_modules/mockdate/src/mockdate.js"></script>
+    <script>MockDate.set('2000-01-01', 0);</script>
     <script src="../../node_modules/d3/dist/d3.js"></script>
     <script src="../../packages/d3fc/build/d3fc.js"></script>
+    <script src="../index.js"></script>
+    <link rel="stylesheet" href="../index.css">
     <link rel="icon" type="image/png" href="data:image/png;base64,iVBORw0KGgo=">
     <style>
         body {
diff --git a/examples/series-svg-candlestick/index.html b/examples/series-svg-candlestick/index.html
index 601f1fb6e..7bdb68252 100644
--- a/examples/series-svg-candlestick/index.html
+++ b/examples/series-svg-candlestick/index.html
@@ -1,10 +1,14 @@
+<!doctype html>
 <html>
-
 <head>
     <script src="../../node_modules/seedrandom/seedrandom.js"></script>
     <script>Math.seedrandom('a22ebc7c488a3a47');</script>
+    <script src="../../node_modules/mockdate/src/mockdate.js"></script>
+    <script>MockDate.set('2000-01-01', 0);</script>
     <script src="../../node_modules/d3/dist/d3.js"></script>
     <script src="../../packages/d3fc/build/d3fc.js"></script>
+    <script src="../index.js"></script>
+    <link rel="stylesheet" href="../index.css">
     <link rel="icon" type="image/png" href="data:image/png;base64,iVBORw0KGgo=">
     <style>
         body {
diff --git a/examples/series-svg-decorate-append/index.html b/examples/series-svg-decorate-append/index.html
index 601f1fb6e..7bdb68252 100644
--- a/examples/series-svg-decorate-append/index.html
+++ b/examples/series-svg-decorate-append/index.html
@@ -1,10 +1,14 @@
+<!doctype html>
 <html>
-
 <head>
     <script src="../../node_modules/seedrandom/seedrandom.js"></script>
     <script>Math.seedrandom('a22ebc7c488a3a47');</script>
+    <script src="../../node_modules/mockdate/src/mockdate.js"></script>
+    <script>MockDate.set('2000-01-01', 0);</script>
     <script src="../../node_modules/d3/dist/d3.js"></script>
     <script src="../../packages/d3fc/build/d3fc.js"></script>
+    <script src="../index.js"></script>
+    <link rel="stylesheet" href="../index.css">
     <link rel="icon" type="image/png" href="data:image/png;base64,iVBORw0KGgo=">
     <style>
         body {
diff --git a/examples/series-svg-decorate/index.html b/examples/series-svg-decorate/index.html
index 601f1fb6e..7bdb68252 100644
--- a/examples/series-svg-decorate/index.html
+++ b/examples/series-svg-decorate/index.html
@@ -1,10 +1,14 @@
+<!doctype html>
 <html>
-
 <head>
     <script src="../../node_modules/seedrandom/seedrandom.js"></script>
     <script>Math.seedrandom('a22ebc7c488a3a47');</script>
+    <script src="../../node_modules/mockdate/src/mockdate.js"></script>
+    <script>MockDate.set('2000-01-01', 0);</script>
     <script src="../../node_modules/d3/dist/d3.js"></script>
     <script src="../../packages/d3fc/build/d3fc.js"></script>
+    <script src="../index.js"></script>
+    <link rel="stylesheet" href="../index.css">
     <link rel="icon" type="image/png" href="data:image/png;base64,iVBORw0KGgo=">
     <style>
         body {
diff --git a/examples/series-svg-errorbar/index.html b/examples/series-svg-errorbar/index.html
index 601f1fb6e..7bdb68252 100644
--- a/examples/series-svg-errorbar/index.html
+++ b/examples/series-svg-errorbar/index.html
@@ -1,10 +1,14 @@
+<!doctype html>
 <html>
-
 <head>
     <script src="../../node_modules/seedrandom/seedrandom.js"></script>
     <script>Math.seedrandom('a22ebc7c488a3a47');</script>
+    <script src="../../node_modules/mockdate/src/mockdate.js"></script>
+    <script>MockDate.set('2000-01-01', 0);</script>
     <script src="../../node_modules/d3/dist/d3.js"></script>
     <script src="../../packages/d3fc/build/d3fc.js"></script>
+    <script src="../index.js"></script>
+    <link rel="stylesheet" href="../index.css">
     <link rel="icon" type="image/png" href="data:image/png;base64,iVBORw0KGgo=">
     <style>
         body {
diff --git a/examples/series-svg-grouped-alternate/index.html b/examples/series-svg-grouped-alternate/index.html
index bcb15213e..92c964ca7 100644
--- a/examples/series-svg-grouped-alternate/index.html
+++ b/examples/series-svg-grouped-alternate/index.html
@@ -1,10 +1,14 @@
+<!doctype html>
 <html>
-
 <head>
     <script src="../../node_modules/seedrandom/seedrandom.js"></script>
     <script>Math.seedrandom('a22ebc7c488a3a47');</script>
+    <script src="../../node_modules/mockdate/src/mockdate.js"></script>
+    <script>MockDate.set('2000-01-01', 0);</script>
     <script src="../../node_modules/d3/dist/d3.js"></script>
     <script src="../../packages/d3fc/build/d3fc.js"></script>
+    <script src="../index.js"></script>
+    <link rel="stylesheet" href="../index.css">
     <link rel="icon" type="image/png" href="data:image/png;base64,iVBORw0KGgo=">
     <style>
         body {
diff --git a/examples/series-svg-grouped/index.html b/examples/series-svg-grouped/index.html
index 601f1fb6e..7bdb68252 100644
--- a/examples/series-svg-grouped/index.html
+++ b/examples/series-svg-grouped/index.html
@@ -1,10 +1,14 @@
+<!doctype html>
 <html>
-
 <head>
     <script src="../../node_modules/seedrandom/seedrandom.js"></script>
     <script>Math.seedrandom('a22ebc7c488a3a47');</script>
+    <script src="../../node_modules/mockdate/src/mockdate.js"></script>
+    <script>MockDate.set('2000-01-01', 0);</script>
     <script src="../../node_modules/d3/dist/d3.js"></script>
     <script src="../../packages/d3fc/build/d3fc.js"></script>
+    <script src="../index.js"></script>
+    <link rel="stylesheet" href="../index.css">
     <link rel="icon" type="image/png" href="data:image/png;base64,iVBORw0KGgo=">
     <style>
         body {
diff --git a/examples/series-svg-heatmap/index.html b/examples/series-svg-heatmap/index.html
index 601f1fb6e..7bdb68252 100644
--- a/examples/series-svg-heatmap/index.html
+++ b/examples/series-svg-heatmap/index.html
@@ -1,10 +1,14 @@
+<!doctype html>
 <html>
-
 <head>
     <script src="../../node_modules/seedrandom/seedrandom.js"></script>
     <script>Math.seedrandom('a22ebc7c488a3a47');</script>
+    <script src="../../node_modules/mockdate/src/mockdate.js"></script>
+    <script>MockDate.set('2000-01-01', 0);</script>
     <script src="../../node_modules/d3/dist/d3.js"></script>
     <script src="../../packages/d3fc/build/d3fc.js"></script>
+    <script src="../index.js"></script>
+    <link rel="stylesheet" href="../index.css">
     <link rel="icon" type="image/png" href="data:image/png;base64,iVBORw0KGgo=">
     <style>
         body {
diff --git a/examples/series-svg-line/index.html b/examples/series-svg-line/index.html
index 601f1fb6e..7bdb68252 100644
--- a/examples/series-svg-line/index.html
+++ b/examples/series-svg-line/index.html
@@ -1,10 +1,14 @@
+<!doctype html>
 <html>
-
 <head>
     <script src="../../node_modules/seedrandom/seedrandom.js"></script>
     <script>Math.seedrandom('a22ebc7c488a3a47');</script>
+    <script src="../../node_modules/mockdate/src/mockdate.js"></script>
+    <script>MockDate.set('2000-01-01', 0);</script>
     <script src="../../node_modules/d3/dist/d3.js"></script>
     <script src="../../packages/d3fc/build/d3fc.js"></script>
+    <script src="../index.js"></script>
+    <link rel="stylesheet" href="../index.css">
     <link rel="icon" type="image/png" href="data:image/png;base64,iVBORw0KGgo=">
     <style>
         body {
diff --git a/examples/series-svg-multi/index.html b/examples/series-svg-multi/index.html
index 601f1fb6e..7bdb68252 100644
--- a/examples/series-svg-multi/index.html
+++ b/examples/series-svg-multi/index.html
@@ -1,10 +1,14 @@
+<!doctype html>
 <html>
-
 <head>
     <script src="../../node_modules/seedrandom/seedrandom.js"></script>
     <script>Math.seedrandom('a22ebc7c488a3a47');</script>
+    <script src="../../node_modules/mockdate/src/mockdate.js"></script>
+    <script>MockDate.set('2000-01-01', 0);</script>
     <script src="../../node_modules/d3/dist/d3.js"></script>
     <script src="../../packages/d3fc/build/d3fc.js"></script>
+    <script src="../index.js"></script>
+    <link rel="stylesheet" href="../index.css">
     <link rel="icon" type="image/png" href="data:image/png;base64,iVBORw0KGgo=">
     <style>
         body {
diff --git a/examples/series-svg-ohlc/index.html b/examples/series-svg-ohlc/index.html
index 601f1fb6e..7bdb68252 100644
--- a/examples/series-svg-ohlc/index.html
+++ b/examples/series-svg-ohlc/index.html
@@ -1,10 +1,14 @@
+<!doctype html>
 <html>
-
 <head>
     <script src="../../node_modules/seedrandom/seedrandom.js"></script>
     <script>Math.seedrandom('a22ebc7c488a3a47');</script>
+    <script src="../../node_modules/mockdate/src/mockdate.js"></script>
+    <script>MockDate.set('2000-01-01', 0);</script>
     <script src="../../node_modules/d3/dist/d3.js"></script>
     <script src="../../packages/d3fc/build/d3fc.js"></script>
+    <script src="../index.js"></script>
+    <link rel="stylesheet" href="../index.css">
     <link rel="icon" type="image/png" href="data:image/png;base64,iVBORw0KGgo=">
     <style>
         body {
diff --git a/examples/series-svg-point-size-type/index.html b/examples/series-svg-point-size-type/index.html
index 601f1fb6e..7bdb68252 100644
--- a/examples/series-svg-point-size-type/index.html
+++ b/examples/series-svg-point-size-type/index.html
@@ -1,10 +1,14 @@
+<!doctype html>
 <html>
-
 <head>
     <script src="../../node_modules/seedrandom/seedrandom.js"></script>
     <script>Math.seedrandom('a22ebc7c488a3a47');</script>
+    <script src="../../node_modules/mockdate/src/mockdate.js"></script>
+    <script>MockDate.set('2000-01-01', 0);</script>
     <script src="../../node_modules/d3/dist/d3.js"></script>
     <script src="../../packages/d3fc/build/d3fc.js"></script>
+    <script src="../index.js"></script>
+    <link rel="stylesheet" href="../index.css">
     <link rel="icon" type="image/png" href="data:image/png;base64,iVBORw0KGgo=">
     <style>
         body {
diff --git a/examples/series-svg-point/index.html b/examples/series-svg-point/index.html
index 601f1fb6e..7bdb68252 100644
--- a/examples/series-svg-point/index.html
+++ b/examples/series-svg-point/index.html
@@ -1,10 +1,14 @@
+<!doctype html>
 <html>
-
 <head>
     <script src="../../node_modules/seedrandom/seedrandom.js"></script>
     <script>Math.seedrandom('a22ebc7c488a3a47');</script>
+    <script src="../../node_modules/mockdate/src/mockdate.js"></script>
+    <script>MockDate.set('2000-01-01', 0);</script>
     <script src="../../node_modules/d3/dist/d3.js"></script>
     <script src="../../packages/d3fc/build/d3fc.js"></script>
+    <script src="../index.js"></script>
+    <link rel="stylesheet" href="../index.css">
     <link rel="icon" type="image/png" href="data:image/png;base64,iVBORw0KGgo=">
     <style>
         body {
diff --git a/examples/series-svg-repeat/index.html b/examples/series-svg-repeat/index.html
index 26472b247..b500ba80d 100644
--- a/examples/series-svg-repeat/index.html
+++ b/examples/series-svg-repeat/index.html
@@ -1,10 +1,14 @@
+<!doctype html>
 <html>
-
 <head>
     <script src="../../node_modules/seedrandom/seedrandom.js"></script>
     <script>Math.seedrandom('a22ebc7c488a3a47');</script>
+    <script src="../../node_modules/mockdate/src/mockdate.js"></script>
+    <script>MockDate.set('2000-01-01', 0);</script>
     <script src="../../node_modules/d3/dist/d3.js"></script>
     <script src="../../packages/d3fc/build/d3fc.js"></script>
+    <script src="../index.js"></script>
+    <link rel="stylesheet" href="../index.css">
     <link rel="icon" type="image/png" href="data:image/png;base64,iVBORw0KGgo=">
     <style>
         body {
diff --git a/examples/series-svg-stacked/index.html b/examples/series-svg-stacked/index.html
index 601f1fb6e..7bdb68252 100644
--- a/examples/series-svg-stacked/index.html
+++ b/examples/series-svg-stacked/index.html
@@ -1,10 +1,14 @@
+<!doctype html>
 <html>
-
 <head>
     <script src="../../node_modules/seedrandom/seedrandom.js"></script>
     <script>Math.seedrandom('a22ebc7c488a3a47');</script>
+    <script src="../../node_modules/mockdate/src/mockdate.js"></script>
+    <script>MockDate.set('2000-01-01', 0);</script>
     <script src="../../node_modules/d3/dist/d3.js"></script>
     <script src="../../packages/d3fc/build/d3fc.js"></script>
+    <script src="../index.js"></script>
+    <link rel="stylesheet" href="../index.css">
     <link rel="icon" type="image/png" href="data:image/png;base64,iVBORw0KGgo=">
     <style>
         body {
diff --git a/examples/series-webgl-area/index.html b/examples/series-webgl-area/index.html
index ecccb2c84..89488990e 100644
--- a/examples/series-webgl-area/index.html
+++ b/examples/series-webgl-area/index.html
@@ -1,10 +1,14 @@
+<!doctype html>
 <html>
-
 <head>
     <script src="../../node_modules/seedrandom/seedrandom.js"></script>
     <script>Math.seedrandom('a22ebc7c488a3a47');</script>
+    <script src="../../node_modules/mockdate/src/mockdate.js"></script>
+    <script>MockDate.set('2000-01-01', 0);</script>
     <script src="../../node_modules/d3/dist/d3.js"></script>
     <script src="../../packages/d3fc/build/d3fc.js"></script>
+    <script src="../index.js"></script>
+    <link rel="stylesheet" href="../index.css">
     <link rel="icon" type="image/png" href="data:image/png;base64,iVBORw0KGgo=">
     <style>
         body {
diff --git a/examples/series-webgl-bar/index.html b/examples/series-webgl-bar/index.html
index ecccb2c84..89488990e 100644
--- a/examples/series-webgl-bar/index.html
+++ b/examples/series-webgl-bar/index.html
@@ -1,10 +1,14 @@
+<!doctype html>
 <html>
-
 <head>
     <script src="../../node_modules/seedrandom/seedrandom.js"></script>
     <script>Math.seedrandom('a22ebc7c488a3a47');</script>
+    <script src="../../node_modules/mockdate/src/mockdate.js"></script>
+    <script>MockDate.set('2000-01-01', 0);</script>
     <script src="../../node_modules/d3/dist/d3.js"></script>
     <script src="../../packages/d3fc/build/d3fc.js"></script>
+    <script src="../index.js"></script>
+    <link rel="stylesheet" href="../index.css">
     <link rel="icon" type="image/png" href="data:image/png;base64,iVBORw0KGgo=">
     <style>
         body {
diff --git a/examples/series-webgl-boxplot/index.html b/examples/series-webgl-boxplot/index.html
index ecccb2c84..89488990e 100644
--- a/examples/series-webgl-boxplot/index.html
+++ b/examples/series-webgl-boxplot/index.html
@@ -1,10 +1,14 @@
+<!doctype html>
 <html>
-
 <head>
     <script src="../../node_modules/seedrandom/seedrandom.js"></script>
     <script>Math.seedrandom('a22ebc7c488a3a47');</script>
+    <script src="../../node_modules/mockdate/src/mockdate.js"></script>
+    <script>MockDate.set('2000-01-01', 0);</script>
     <script src="../../node_modules/d3/dist/d3.js"></script>
     <script src="../../packages/d3fc/build/d3fc.js"></script>
+    <script src="../index.js"></script>
+    <link rel="stylesheet" href="../index.css">
     <link rel="icon" type="image/png" href="data:image/png;base64,iVBORw0KGgo=">
     <style>
         body {
diff --git a/examples/series-webgl-candlestick/index.html b/examples/series-webgl-candlestick/index.html
index ecccb2c84..89488990e 100644
--- a/examples/series-webgl-candlestick/index.html
+++ b/examples/series-webgl-candlestick/index.html
@@ -1,10 +1,14 @@
+<!doctype html>
 <html>
-
 <head>
     <script src="../../node_modules/seedrandom/seedrandom.js"></script>
     <script>Math.seedrandom('a22ebc7c488a3a47');</script>
+    <script src="../../node_modules/mockdate/src/mockdate.js"></script>
+    <script>MockDate.set('2000-01-01', 0);</script>
     <script src="../../node_modules/d3/dist/d3.js"></script>
     <script src="../../packages/d3fc/build/d3fc.js"></script>
+    <script src="../index.js"></script>
+    <link rel="stylesheet" href="../index.css">
     <link rel="icon" type="image/png" href="data:image/png;base64,iVBORw0KGgo=">
     <style>
         body {
diff --git a/examples/series-webgl-errorbar/index.html b/examples/series-webgl-errorbar/index.html
index ecccb2c84..89488990e 100644
--- a/examples/series-webgl-errorbar/index.html
+++ b/examples/series-webgl-errorbar/index.html
@@ -1,10 +1,14 @@
+<!doctype html>
 <html>
-
 <head>
     <script src="../../node_modules/seedrandom/seedrandom.js"></script>
     <script>Math.seedrandom('a22ebc7c488a3a47');</script>
+    <script src="../../node_modules/mockdate/src/mockdate.js"></script>
+    <script>MockDate.set('2000-01-01', 0);</script>
     <script src="../../node_modules/d3/dist/d3.js"></script>
     <script src="../../packages/d3fc/build/d3fc.js"></script>
+    <script src="../index.js"></script>
+    <link rel="stylesheet" href="../index.css">
     <link rel="icon" type="image/png" href="data:image/png;base64,iVBORw0KGgo=">
     <style>
         body {
diff --git a/examples/series-webgl-line/index.html b/examples/series-webgl-line/index.html
index ecccb2c84..89488990e 100644
--- a/examples/series-webgl-line/index.html
+++ b/examples/series-webgl-line/index.html
@@ -1,10 +1,14 @@
+<!doctype html>
 <html>
-
 <head>
     <script src="../../node_modules/seedrandom/seedrandom.js"></script>
     <script>Math.seedrandom('a22ebc7c488a3a47');</script>
+    <script src="../../node_modules/mockdate/src/mockdate.js"></script>
+    <script>MockDate.set('2000-01-01', 0);</script>
     <script src="../../node_modules/d3/dist/d3.js"></script>
     <script src="../../packages/d3fc/build/d3fc.js"></script>
+    <script src="../index.js"></script>
+    <link rel="stylesheet" href="../index.css">
     <link rel="icon" type="image/png" href="data:image/png;base64,iVBORw0KGgo=">
     <style>
         body {
diff --git a/examples/series-webgl-multi/index.html b/examples/series-webgl-multi/index.html
index ecccb2c84..89488990e 100644
--- a/examples/series-webgl-multi/index.html
+++ b/examples/series-webgl-multi/index.html
@@ -1,10 +1,14 @@
+<!doctype html>
 <html>
-
 <head>
     <script src="../../node_modules/seedrandom/seedrandom.js"></script>
     <script>Math.seedrandom('a22ebc7c488a3a47');</script>
+    <script src="../../node_modules/mockdate/src/mockdate.js"></script>
+    <script>MockDate.set('2000-01-01', 0);</script>
     <script src="../../node_modules/d3/dist/d3.js"></script>
     <script src="../../packages/d3fc/build/d3fc.js"></script>
+    <script src="../index.js"></script>
+    <link rel="stylesheet" href="../index.css">
     <link rel="icon" type="image/png" href="data:image/png;base64,iVBORw0KGgo=">
     <style>
         body {
diff --git a/examples/series-webgl-ohlc/index.html b/examples/series-webgl-ohlc/index.html
index ecccb2c84..89488990e 100644
--- a/examples/series-webgl-ohlc/index.html
+++ b/examples/series-webgl-ohlc/index.html
@@ -1,10 +1,14 @@
+<!doctype html>
 <html>
-
 <head>
     <script src="../../node_modules/seedrandom/seedrandom.js"></script>
     <script>Math.seedrandom('a22ebc7c488a3a47');</script>
+    <script src="../../node_modules/mockdate/src/mockdate.js"></script>
+    <script>MockDate.set('2000-01-01', 0);</script>
     <script src="../../node_modules/d3/dist/d3.js"></script>
     <script src="../../packages/d3fc/build/d3fc.js"></script>
+    <script src="../index.js"></script>
+    <link rel="stylesheet" href="../index.css">
     <link rel="icon" type="image/png" href="data:image/png;base64,iVBORw0KGgo=">
     <style>
         body {
diff --git a/examples/series-webgl-point/index.html b/examples/series-webgl-point/index.html
index ecccb2c84..89488990e 100644
--- a/examples/series-webgl-point/index.html
+++ b/examples/series-webgl-point/index.html
@@ -1,10 +1,14 @@
+<!doctype html>
 <html>
-
 <head>
     <script src="../../node_modules/seedrandom/seedrandom.js"></script>
     <script>Math.seedrandom('a22ebc7c488a3a47');</script>
+    <script src="../../node_modules/mockdate/src/mockdate.js"></script>
+    <script>MockDate.set('2000-01-01', 0);</script>
     <script src="../../node_modules/d3/dist/d3.js"></script>
     <script src="../../packages/d3fc/build/d3fc.js"></script>
+    <script src="../index.js"></script>
+    <link rel="stylesheet" href="../index.css">
     <link rel="icon" type="image/png" href="data:image/png;base64,iVBORw0KGgo=">
     <style>
         body {
diff --git a/examples/series-webgl-repeat/index.html b/examples/series-webgl-repeat/index.html
index ecccb2c84..89488990e 100644
--- a/examples/series-webgl-repeat/index.html
+++ b/examples/series-webgl-repeat/index.html
@@ -1,10 +1,14 @@
+<!doctype html>
 <html>
-
 <head>
     <script src="../../node_modules/seedrandom/seedrandom.js"></script>
     <script>Math.seedrandom('a22ebc7c488a3a47');</script>
+    <script src="../../node_modules/mockdate/src/mockdate.js"></script>
+    <script>MockDate.set('2000-01-01', 0);</script>
     <script src="../../node_modules/d3/dist/d3.js"></script>
     <script src="../../packages/d3fc/build/d3fc.js"></script>
+    <script src="../index.js"></script>
+    <link rel="stylesheet" href="../index.css">
     <link rel="icon" type="image/png" href="data:image/png;base64,iVBORw0KGgo=">
     <style>
         body {
diff --git a/examples/series-webgl-stacked/index.html b/examples/series-webgl-stacked/index.html
index ecccb2c84..89488990e 100644
--- a/examples/series-webgl-stacked/index.html
+++ b/examples/series-webgl-stacked/index.html
@@ -1,10 +1,14 @@
+<!doctype html>
 <html>
-
 <head>
     <script src="../../node_modules/seedrandom/seedrandom.js"></script>
     <script>Math.seedrandom('a22ebc7c488a3a47');</script>
+    <script src="../../node_modules/mockdate/src/mockdate.js"></script>
+    <script>MockDate.set('2000-01-01', 0);</script>
     <script src="../../node_modules/d3/dist/d3.js"></script>
     <script src="../../packages/d3fc/build/d3fc.js"></script>
+    <script src="../index.js"></script>
+    <link rel="stylesheet" href="../index.css">
     <link rel="icon" type="image/png" href="data:image/png;base64,iVBORw0KGgo=">
     <style>
         body {
diff --git a/examples/simple-chart/index.html b/examples/simple-chart/index.html
index 4cdcb6b47..26ea35d60 100644
--- a/examples/simple-chart/index.html
+++ b/examples/simple-chart/index.html
@@ -1,10 +1,14 @@
+<!doctype html>
 <html>
-
 <head>
     <script src="../../node_modules/seedrandom/seedrandom.js"></script>
     <script>Math.seedrandom('a22ebc7c488a3a47');</script>
+    <script src="../../node_modules/mockdate/src/mockdate.js"></script>
+    <script>MockDate.set('2000-01-01', 0);</script>
     <script src="../../node_modules/d3/dist/d3.js"></script>
     <script src="../../packages/d3fc/build/d3fc.js"></script>
+    <script src="../index.js"></script>
+    <link rel="stylesheet" href="../index.css">
     <link rel="icon" type="image/png" href="data:image/png;base64,iVBORw0KGgo=">
     <style>
         body {
diff --git a/examples/stacked-bar-chart/index.html b/examples/stacked-bar-chart/index.html
index 182eb9a65..c33a89170 100644
--- a/examples/stacked-bar-chart/index.html
+++ b/examples/stacked-bar-chart/index.html
@@ -1,10 +1,14 @@
+<!doctype html>
 <html>
-
 <head>
     <script src="../../node_modules/seedrandom/seedrandom.js"></script>
     <script>Math.seedrandom('a22ebc7c488a3a47');</script>
+    <script src="../../node_modules/mockdate/src/mockdate.js"></script>
+    <script>MockDate.set('2000-01-01', 0);</script>
     <script src="../../node_modules/d3/dist/d3.js"></script>
     <script src="../../packages/d3fc/build/d3fc.js"></script>
+    <script src="../index.js"></script>
+    <link rel="stylesheet" href="../index.css">
     <link rel="icon" type="image/png" href="data:image/png;base64,iVBORw0KGgo=">
     <style>
         body {
diff --git a/examples/streaming-chart/index.html b/examples/streaming-chart/index.html
index 4cdcb6b47..26ea35d60 100644
--- a/examples/streaming-chart/index.html
+++ b/examples/streaming-chart/index.html
@@ -1,10 +1,14 @@
+<!doctype html>
 <html>
-
 <head>
     <script src="../../node_modules/seedrandom/seedrandom.js"></script>
     <script>Math.seedrandom('a22ebc7c488a3a47');</script>
+    <script src="../../node_modules/mockdate/src/mockdate.js"></script>
+    <script>MockDate.set('2000-01-01', 0);</script>
     <script src="../../node_modules/d3/dist/d3.js"></script>
     <script src="../../packages/d3fc/build/d3fc.js"></script>
+    <script src="../index.js"></script>
+    <link rel="stylesheet" href="../index.css">
     <link rel="icon" type="image/png" href="data:image/png;base64,iVBORw0KGgo=">
     <style>
         body {
diff --git a/examples/svg-canvas-and-webgl-chart/index.html b/examples/svg-canvas-and-webgl-chart/index.html
index 1d779effd..33888c51f 100644
--- a/examples/svg-canvas-and-webgl-chart/index.html
+++ b/examples/svg-canvas-and-webgl-chart/index.html
@@ -1,10 +1,14 @@
+<!doctype html>
 <html>
-
 <head>
     <script src="../../node_modules/seedrandom/seedrandom.js"></script>
     <script>Math.seedrandom('a22ebc7c488a3a47');</script>
+    <script src="../../node_modules/mockdate/src/mockdate.js"></script>
+    <script>MockDate.set('2000-01-01', 0);</script>
     <script src="../../node_modules/d3/dist/d3.js"></script>
     <script src="../../packages/d3fc/build/d3fc.js"></script>
+    <script src="../index.js"></script>
+    <link rel="stylesheet" href="../index.css">
     <link rel="icon" type="image/png" href="data:image/png;base64,iVBORw0KGgo=">
     <style>
         body {
diff --git a/examples/technical-indicator-bollinger-bands-canvas/index.html b/examples/technical-indicator-bollinger-bands-canvas/index.html
index 462f41e22..1738f6640 100644
--- a/examples/technical-indicator-bollinger-bands-canvas/index.html
+++ b/examples/technical-indicator-bollinger-bands-canvas/index.html
@@ -1,10 +1,14 @@
+<!doctype html>
 <html>
-
 <head>
     <script src="../../node_modules/seedrandom/seedrandom.js"></script>
     <script>Math.seedrandom('a22ebc7c488a3a47');</script>
+    <script src="../../node_modules/mockdate/src/mockdate.js"></script>
+    <script>MockDate.set('2000-01-01', 0);</script>
     <script src="../../node_modules/d3/dist/d3.js"></script>
     <script src="../../packages/d3fc/build/d3fc.js"></script>
+    <script src="../index.js"></script>
+    <link rel="stylesheet" href="../index.css">
     <link rel="icon" type="image/png" href="data:image/png;base64,iVBORw0KGgo=">
     <style>
         body {
diff --git a/examples/technical-indicator-bollinger-bands-svg/index.html b/examples/technical-indicator-bollinger-bands-svg/index.html
index c07a8878f..c3e262e0e 100644
--- a/examples/technical-indicator-bollinger-bands-svg/index.html
+++ b/examples/technical-indicator-bollinger-bands-svg/index.html
@@ -1,10 +1,14 @@
+<!doctype html>
 <html>
-
 <head>
     <script src="../../node_modules/seedrandom/seedrandom.js"></script>
     <script>Math.seedrandom('a22ebc7c488a3a47');</script>
+    <script src="../../node_modules/mockdate/src/mockdate.js"></script>
+    <script>MockDate.set('2000-01-01', 0);</script>
     <script src="../../node_modules/d3/dist/d3.js"></script>
     <script src="../../packages/d3fc/build/d3fc.js"></script>
+    <script src="../index.js"></script>
+    <link rel="stylesheet" href="../index.css">
     <link rel="icon" type="image/png" href="data:image/png;base64,iVBORw0KGgo=">
     <style>
         body {
diff --git a/examples/technical-indicator-elder-ray/index.html b/examples/technical-indicator-elder-ray/index.html
index 53ba62046..9d67858c9 100644
--- a/examples/technical-indicator-elder-ray/index.html
+++ b/examples/technical-indicator-elder-ray/index.html
@@ -1,10 +1,14 @@
+<!doctype html>
 <html>
-
 <head>
     <script src="../../node_modules/seedrandom/seedrandom.js"></script>
     <script>Math.seedrandom('a22ebc7c488a3a47');</script>
+    <script src="../../node_modules/mockdate/src/mockdate.js"></script>
+    <script>MockDate.set('2000-01-01', 0);</script>
     <script src="../../node_modules/d3/dist/d3.js"></script>
     <script src="../../packages/d3fc/build/d3fc.js"></script>
+    <script src="../index.js"></script>
+    <link rel="stylesheet" href="../index.css">
     <link rel="icon" type="image/png" href="data:image/png;base64,iVBORw0KGgo=">
     <style>
         body {
diff --git a/examples/technical-indicator-envelope/index.html b/examples/technical-indicator-envelope/index.html
index c07a8878f..c3e262e0e 100644
--- a/examples/technical-indicator-envelope/index.html
+++ b/examples/technical-indicator-envelope/index.html
@@ -1,10 +1,14 @@
+<!doctype html>
 <html>
-
 <head>
     <script src="../../node_modules/seedrandom/seedrandom.js"></script>
     <script>Math.seedrandom('a22ebc7c488a3a47');</script>
+    <script src="../../node_modules/mockdate/src/mockdate.js"></script>
+    <script>MockDate.set('2000-01-01', 0);</script>
     <script src="../../node_modules/d3/dist/d3.js"></script>
     <script src="../../packages/d3fc/build/d3fc.js"></script>
+    <script src="../index.js"></script>
+    <link rel="stylesheet" href="../index.css">
     <link rel="icon" type="image/png" href="data:image/png;base64,iVBORw0KGgo=">
     <style>
         body {
diff --git a/examples/technical-indicator-force-index/index.html b/examples/technical-indicator-force-index/index.html
index 601f1fb6e..7bdb68252 100644
--- a/examples/technical-indicator-force-index/index.html
+++ b/examples/technical-indicator-force-index/index.html
@@ -1,10 +1,14 @@
+<!doctype html>
 <html>
-
 <head>
     <script src="../../node_modules/seedrandom/seedrandom.js"></script>
     <script>Math.seedrandom('a22ebc7c488a3a47');</script>
+    <script src="../../node_modules/mockdate/src/mockdate.js"></script>
+    <script>MockDate.set('2000-01-01', 0);</script>
     <script src="../../node_modules/d3/dist/d3.js"></script>
     <script src="../../packages/d3fc/build/d3fc.js"></script>
+    <script src="../index.js"></script>
+    <link rel="stylesheet" href="../index.css">
     <link rel="icon" type="image/png" href="data:image/png;base64,iVBORw0KGgo=">
     <style>
         body {
diff --git a/examples/technical-indicator-macd/index.html b/examples/technical-indicator-macd/index.html
index dec0615c1..a1383ca2c 100644
--- a/examples/technical-indicator-macd/index.html
+++ b/examples/technical-indicator-macd/index.html
@@ -1,10 +1,14 @@
+<!doctype html>
 <html>
-
 <head>
     <script src="../../node_modules/seedrandom/seedrandom.js"></script>
     <script>Math.seedrandom('a22ebc7c488a3a47');</script>
+    <script src="../../node_modules/mockdate/src/mockdate.js"></script>
+    <script>MockDate.set('2000-01-01', 0);</script>
     <script src="../../node_modules/d3/dist/d3.js"></script>
     <script src="../../packages/d3fc/build/d3fc.js"></script>
+    <script src="../index.js"></script>
+    <link rel="stylesheet" href="../index.css">
     <link rel="icon" type="image/png" href="data:image/png;base64,iVBORw0KGgo=">
     <style>
         body {
diff --git a/examples/technical-indicator-relative-strength-index/index.html b/examples/technical-indicator-relative-strength-index/index.html
index 601f1fb6e..7bdb68252 100644
--- a/examples/technical-indicator-relative-strength-index/index.html
+++ b/examples/technical-indicator-relative-strength-index/index.html
@@ -1,10 +1,14 @@
+<!doctype html>
 <html>
-
 <head>
     <script src="../../node_modules/seedrandom/seedrandom.js"></script>
     <script>Math.seedrandom('a22ebc7c488a3a47');</script>
+    <script src="../../node_modules/mockdate/src/mockdate.js"></script>
+    <script>MockDate.set('2000-01-01', 0);</script>
     <script src="../../node_modules/d3/dist/d3.js"></script>
     <script src="../../packages/d3fc/build/d3fc.js"></script>
+    <script src="../index.js"></script>
+    <link rel="stylesheet" href="../index.css">
     <link rel="icon" type="image/png" href="data:image/png;base64,iVBORw0KGgo=">
     <style>
         body {
diff --git a/examples/technical-indicator-stochastic-oscillator/index.html b/examples/technical-indicator-stochastic-oscillator/index.html
index e8fe94f93..dce8353b5 100644
--- a/examples/technical-indicator-stochastic-oscillator/index.html
+++ b/examples/technical-indicator-stochastic-oscillator/index.html
@@ -1,10 +1,14 @@
+<!doctype html>
 <html>
-
 <head>
     <script src="../../node_modules/seedrandom/seedrandom.js"></script>
     <script>Math.seedrandom('a22ebc7c488a3a47');</script>
+    <script src="../../node_modules/mockdate/src/mockdate.js"></script>
+    <script>MockDate.set('2000-01-01', 0);</script>
     <script src="../../node_modules/d3/dist/d3.js"></script>
     <script src="../../packages/d3fc/build/d3fc.js"></script>
+    <script src="../index.js"></script>
+    <link rel="stylesheet" href="../index.css">
     <link rel="icon" type="image/png" href="data:image/png;base64,iVBORw0KGgo=">
     <style>
         body {
diff --git a/examples/transitions/index.html b/examples/transitions/index.html
index 4cdcb6b47..26ea35d60 100644
--- a/examples/transitions/index.html
+++ b/examples/transitions/index.html
@@ -1,10 +1,14 @@
+<!doctype html>
 <html>
-
 <head>
     <script src="../../node_modules/seedrandom/seedrandom.js"></script>
     <script>Math.seedrandom('a22ebc7c488a3a47');</script>
+    <script src="../../node_modules/mockdate/src/mockdate.js"></script>
+    <script>MockDate.set('2000-01-01', 0);</script>
     <script src="../../node_modules/d3/dist/d3.js"></script>
     <script src="../../packages/d3fc/build/d3fc.js"></script>
+    <script src="../index.js"></script>
+    <link rel="stylesheet" href="../index.css">
     <link rel="icon" type="image/png" href="data:image/png;base64,iVBORw0KGgo=">
     <style>
         body {
diff --git a/examples/webgl-context-lost/index.html b/examples/webgl-context-lost/index.html
index 2e95a478c..997629a2f 100644
--- a/examples/webgl-context-lost/index.html
+++ b/examples/webgl-context-lost/index.html
@@ -1,10 +1,14 @@
+<!doctype html>
 <html>
-
 <head>
     <script src="../../node_modules/seedrandom/seedrandom.js"></script>
     <script>Math.seedrandom('a22ebc7c488a3a47');</script>
+    <script src="../../node_modules/mockdate/src/mockdate.js"></script>
+    <script>MockDate.set('2000-01-01', 0);</script>
     <script src="../../node_modules/d3/dist/d3.js"></script>
     <script src="../../packages/d3fc/build/d3fc.js"></script>
+    <script src="../index.js"></script>
+    <link rel="stylesheet" href="../index.css">
 </head>
 <body>
     <select id="chart-type">
diff --git a/examples/webgl-with-svg-overlay/index.html b/examples/webgl-with-svg-overlay/index.html
index de9071ce5..437471d0a 100644
--- a/examples/webgl-with-svg-overlay/index.html
+++ b/examples/webgl-with-svg-overlay/index.html
@@ -1,10 +1,14 @@
+<!doctype html>
 <html>
-
 <head>
     <script src="../../node_modules/seedrandom/seedrandom.js"></script>
     <script>Math.seedrandom('a22ebc7c488a3a47');</script>
+    <script src="../../node_modules/mockdate/src/mockdate.js"></script>
+    <script>MockDate.set('2000-01-01', 0);</script>
     <script src="../../node_modules/d3/dist/d3.js"></script>
     <script src="../../packages/d3fc/build/d3fc.js"></script>
+    <script src="../index.js"></script>
+    <link rel="stylesheet" href="../index.css">
     <link rel="icon" type="image/png" href="data:image/png;base64,iVBORw0KGgo=">
     <style>
         body {
diff --git a/package-lock.json b/package-lock.json
index 3fc4377f1..603ef9652 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -10563,6 +10563,12 @@
         "mkdirp": "*"
       }
     },
+    "mockdate": {
+      "version": "2.0.5",
+      "resolved": "https://registry.npmjs.org/mockdate/-/mockdate-2.0.5.tgz",
+      "integrity": "sha512-ST0PnThzWKcgSLyc+ugLVql45PvESt3Ul/wrdV/OPc/6Pr8dbLAIJsN1cIp41FLzbN+srVTNIRn+5Cju0nyV6A==",
+      "dev": true
+    },
     "modify-values": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/modify-values/-/modify-values-1.0.1.tgz",
diff --git a/package.json b/package.json
index facc3049f..380635d60 100644
--- a/package.json
+++ b/package.json
@@ -67,6 +67,7 @@
     "lerna": "^3.16.4",
     "markdownlint": "^0.16.0",
     "markdownlint-cli": "^0.17.0",
+    "mockdate": "^2.0.5",
     "prettier": "^1.19.1",
     "puppeteer": "^1.20.0",
     "read-babelrc-up": "^0.4.0",