Learning D3.js 5 Mapping - Second Edition

The HTML

It is simple, as follows:

<div id="tooltip">  <div id="tip-header">    <h1></h1>    <div></div>  </div>  <div id="tip-body">    <svg id="tip-visual"></svg>  </div></div>

A tooltip wrapper div, a header with an h1 for the country, and a div to hold the info. The following is a body with an SVG element to hold the bar chart. Note here that we add an HTML and SVG element to a Canvas, which is, of course, no problem. We could even draw SVG elements over the Canvas element or vice versa.