src/component/formBoxGroup.js
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');
}
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');
}
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' ) ; }
Render scale and domain control box group
@param {d3.selection} selection - selection of box container (div element)
Render scale and domain control box group