D3 to PPT Mock Up

<!DOCTYPE html>
<head>
  <meta charset="utf-8">
  <script src="https://d3js.org/d3.v4.min.js"></script>
  <style>
    body { margin:0;position:fixed;top:0;right:0;bottom:0;left:0; }
  </style>
</head>

<script src="https://cdn.jsdelivr.net/gh/gitbrent/pptxgenjs@2.5.0/dist/pptxgen.bundle.js"></script>
<script src="https://cdn.jsdelivr.net/gh/gitbrent/pptxgenjs/dist/pptxgen.shapes.js">
</script>
<body>
  <script>   
    
     var dates = [{"Date":"1/1/2019","Label":"New Years","Category":"Holiday"}
                ,{"Date":"2/15/2019","Label":"Event 1","Category":"Event"}
                ,{"Date":"3/1/2019","Label":"Long description of the event where overlapping might occur.","Category":"Event"}
                ,{"Date":"3/2/2019","Label":"Something else","Category":"Event"}
                ,{"Date":"5/5/2019","Label":"Cinco De Mayo","Category":"Holiday"}
                ,{"Date":"12/25/2019","Label":"Christmas Holiday","Category":"Holiday"}
                ]

//date parser (require typical MM/DD/YYYY Format)
    var dateparse = d3.timeParse("%m/%d/%Y")
    
    dates.forEach(function(d){
			d.date = dateparse(d.Date)      
    })
    
    var colorScale =  d3.scaleOrdinal()				.range(["A05DA5","2B92D0","84A743","5A514C","F24F26","#8B827D","#EFAC41","#008465"])

Updated missing url https://cdn.jsdelivr.net/gh/gitbrent/PptxGenJS/dist/pptxgen.shapes.js to https://cdn.jsdelivr.net/gh/gitbrent/pptxgenjs/dist/pptxgen.shapes.js

https://d3js.org/d3.v4.min.js

https://cdn.jsdelivr.net/gh/gitbrent/pptxgenjs@2.5.0/dist/pptxgen.bundle.js

https://cdn.jsdelivr.net/gh/gitbrent/PptxGenJS/dist/pptxgen.shapes.js