A very quick introduction to CSS Grid. (A method for responsive web design) Define a wrapper div (<div class=”wrapper”>) Within the wrapper div place the item div’s (<div id=”box1″>1</div>) CSS for the grid. Define the column widths (grid-template-columns) and row hights (grid-template-rows) CSS for the items. Define the column start (grid-column-start) and end (grid-column-end) numbers […]
Site: http://www.chartjs.org CDNs (From Cloudflare) https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.7.1/Chart.bundle.js https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.7.1/Chart.bundle.min.js https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.7.1/Chart.js https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.7.1/Chart.min.js Chart JS makes use of the <Canvas> HTML5 tag (W3schools Reference) <canvas id=”myCanvas” width=”200″ height=”100″></canvas> In the script tags instantiate the Chart class // Any of the following formats may be used var ctx = document.getElementById(“myChart”); var ctx = document.getElementById(“myChart”).getContext(“2d”); var ctx = $(“#myChart”); var […]