============================ -->

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

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

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

// Set the color:
ctx.fillStyle = '#D8D8D8';

// Initialize path
ctx.beginPath();

// Build a circle
ctx.arc(200, 200, 100, 0, Math.P