code: function buildScales() {
              let percentageAxis = Math.min(percentageAxisToMaxRatio * d3Array.max(data, getValue))
  
              if (isHorizontal) {
                  xScale = d3Scale.scaleLinear()
                      .domain([0, percentageAxis])
                      .rangeRound([0, chartWidth]);
  
                  yScale = d3Scale.scaleBand()
                      .domain(data.map(getName))
                      .rangeRound([chartHeight, 0])
                      .padding(betweenBarsPadding);
              } else {
                  xScale = d3Scale.scaleBand()
                      .domain(data.map(getName))
                      .rangeRound([0, chartWidth])
                      .padding(betweenBarsPadding);
  
                  yScale = d3Scale.scaleLinear()
                      .domain([0, percentageAxis])
                      .rangeRound([chartHeight, 0]);
              }
  
              if (shouldReverseColorList) {
                  colorList = data.map(d => d)
                                  .reverse()
                                  .map(({name}, i) => ({
                                          name,
                                          color: colorSchema[i % colorSchema.length]}
                                      ));
              } else {
                  colorList = data.map(d => d)
                                  .map(({name}, i) => ({
                                          name,
                                          color: colorSchema[i % colorSchema.length]}
                                      ));
              }
  
              colorMap = (item) => colorList.filter(({name}) => name === item)[0].color;
          }
docs: Creates the x and y scales of the graph
  @private