Fix date

index.html

@@ -21,13 +21,13 @@
         <![endif]-->
     <section class="data-vis responsive" id="chart"></section>
 
-    <nav id="footer">
+    <!-- <nav id="footer">
       <a href="https://www.datavisualizationsociety.org/" target=_blank>
         <img src="./src/globals/styles/images/dvs.png" /> </a>
       <div>Made with ♥ by Mia Szarvas. Thank you to my teammates at Two-N for the help and advice.</div>
       <a href="https://two-n.com/" target=_blank>
         <img src="./src/globals/styles/images/2N-logo.svg" /> </a>
-    </nav>
+    </nav> -->
   </div>
   <script src="./index.js" type="module" async defer></script>
 </body>

src/components/Chart/style.scss

@@ -313,7 +313,7 @@ body {
 
   .disclaimer {
     font-size: $fontSizeXSmall;
-    margin-top: 50px;
+    margin: 50px 0;
     text-align: justify;
     strong {
       font-size: $fontSizeXSmall;

src/globals/constants.js

@@ -60,7 +60,7 @@ const TEXT = {
   EMPTY: "Sorry, there is no data for your selected filters.",
   WEALTH: `in wealth over 30 years,
   assuming you invest that amount today in an index fund tracking the S&P 500.
-  This is assuming an inflation adjusted return of over year,
+  This is assuming an inflation adjusted return of 8.29% year over year,
   as is the historical return of the S&P 500.`,
   TOGGLE: { color: "Color Blind Mode", gray: "gray" }
 }

src/globals/helpers.js

@@ -110,14 +110,26 @@ const getAreaData = (gap) => {
   return [lineData, wealth_sum, growth, loss]
 }
 
+
+// source https://observablehq.com/@hugodf/add-days-to-a-javascript-date
+function addDays(date, days) {
+  const copy = new Date(Number(date))
+  copy.setDate(date.getDate() + days)
+  return copy
+}
+
 const getDonutData = (gapPercent) => {
   // typical number of work days in a year
   const WORK_DAYS = 262
   // days extra worked to add to date
   const days = 365 * gapPercent
+
   // start counting from Jan 1st of this year
   const new_year = new Date(new Date().getFullYear(), 0, 1)
-  const date = FORMATTERS.date(new Date().setDate(new_year.getDate() + days))
+
+  const unformattedDate = addDays(new_year, days)
+
+  const date = FORMATTERS.date(unformattedDate)
 
   // always fill array for outer donut
   const donutData = [{ type: "worked_days", value: WORK_DAYS + gapPercent * WORK_DAYS }]