code: function renderComponent() {
      const data = [[0.1, 0.15], [0.2, 0.3], [0.4, 0.6], [0.8, 0.9]];
      var svg = d3.select('svg')
        .datum(data);
      svg.select('.horizontal')
        .call(horizontalSvgBand);
      svg.select('.vertical')
        .call(verticalSvgBand);
  
      var canvas = d3.select('canvas').node();
      var ctx = canvas.getContext('2d');
      horizontalCanvasBand.context(ctx)(data);
      verticalCanvasBand.context(ctx)(data);
  }
docs: eslint-disable-next-line no-unused-vars