code: function scaleBoxGroup(selection) {
    selection.classed('mb-3', true);
  
    // Scale type
    const scaleOptions = [
      {key: 'linear', name: 'Linear'},
      {key: 'log', name: 'Log'}
    ];
    selection.append('div')
        .classed('scale', true)
        .classed('mb-1', true)
        .call(lbox.selectBox, 'Scale')
        .call(lbox.updateSelectBoxOptions, scaleOptions)
        .on('change', function () {
          const isLog = box.formValue(d3.select(this)) === 'log';
          selection.select('.domain')
            .call(isLog ? rbox.logRange : rbox.linearRange)
            .call(badge.updateInvalidMessage,
                  isLog ? 'Please provide a valid range (larger than 0)'
                  : 'Please provide a valid number');
        });
    selection.append('div')
        .classed('domain', true)
        .classed('mb-1', true)
        .call(rbox.rangeBox, 'Domain');
  }
docs: Render scale and domain control box group
  @param {d3.selection} selection - selection of box container (div element)