

</xmp></code></pre>
            <!-- ==================================== -->

            <!-- ========= show JS code ==============  -->
            <pre
              class="language-js"
            ><code id="js-sectionA" contenteditable="true"><xmp><script>

// select the canvas element created in the html
var canvas = document.getElementById('my_dataviz');

// Get the 'context'
var ctx = canvas.getContext('2d');

// Build a rectangle
ctx.fillStyle = '#69b3a2'; // rectangle color
ctx.fillRect(20, 20,