code: function buildDomWrapper(el, options) {
    let html = '';
    let chart100percentWide = '';
    let rangeChart = '';
    if (options.legend.position === 'top' || options.legend.position === 'bottom') {
      chart100percentWide = 'c3-chart-100-percent';
    }
    if (options.range) {
      rangeChart = 'keen-dataviz-range';
    }
    let container = `<div class="c3-chart ${chart100percentWide} ${rangeChart}"></div>`;
    let align = 'horizontal';
    if (options.legend.position === 'left' || options.legend.position === 'right') {
      align = 'vertical';
    }
    if (options.legend && options.legend.show) {
      if (options.legend.position === 'top' || options.legend.position === 'left') {
        container = `<div class="keen-c3-legend keen-c3-legend-${align} keen-c3-legend-${options.legend.position}"></div>${container}`;
      } else {
        container = `${container}<div class="keen-c3-legend keen-c3-legend-${align} keen-c3-legend-${options.legend.position}"></div>`;
      }
    }
    if(!options.react){
      html += `<div class="${options.theme}">`;
    }
    if (options.title && options.showTitle) {
      html += `<div class="keen-dataviz-title ${options.theme}-title">${options.title}</div>`;
    }
    html += `<div class="keen-dataviz-rendering keen-dataviz-rendering-${align} ${options.theme}-rendering ${options.theme}-rendering-${align}">${container}</div>`;
    if (options.notes) {
      html += `<div class="keen-dataviz-notes ${options.theme}-notes">${options.notes}</div>`;
    }
    if(!options.react){
      html += '</div>';
    }
  
    el.innerHTML = html;
  }
docs: Private