Punch card Chart: v5 Static Reusable

A vanilla HTML implementation of Chris Henrick PunchCard tutorial "D3JS v4 General Update Pattern: Punchcard Chart"

https://clhenrick.io/d3-v4-general-update-pattern-punchcard-chart/

bl.ock: https://bl.ocks.org/clhenrick/2b6b5360748a06b26bfd50d96998b741

The pattern is derived from Mike Bostock's Towards Reusable Charts (https://bost.ocks.org/mike/chart/) as the source of the foundational principles. But uses the ProD3 pattern (Pro D3.js Use D3.js to Create Maintainable, Modular, and Testable Charts by Marcos Iglesias https://www.apress.com/gp/book/9781484252024) as the basis for the charts.

Addtional help from and aknowledgement to:

• Mastering D3.js by Castillo Pablo Navarro. https://www.packtpub.com/web-development/mastering-d3js
• Data Visualization with D3.js Cookbook by Nick Qi Zhu https://www.packtpub.com/product/data-visualization-with-d3-js-cookbook/9781782162162
• Developing A D3.js Edge - Constructing reusable D3 components and charts by Chris Viau Andrew Thornton Ger Hobbelt,Roland Dunn https://www.wileyindia.com/developing-a-d3-js-edge-constructing-reusable-d3-components-and-charts.html.