code: function drawAnimatedHorizontalBars(bars) {
              // Enter + Update
              bars.enter()
                .append('rect')
                  .classed('bar', true)
                  .attr('x', 0)
                  .attr('y', chartHeight)
                  .attr('height', yScale.bandwidth())
                  .attr('width', ({value}) => xScale(value))
                  .on('mouseover', function(d, index, barList) {
                      handleMouseOver(this, d, barList, chartWidth, chartHeight);
                  })
                  .on('mousemove', function(d) {
                      handleMouseMove(this, d, chartWidth, chartHeight);
                  })
                  .on('mouseout', function(d, index, barList) {
                      handleMouseOut(this, d, barList, chartWidth, chartHeight);
                  })
                  .on('click', function(d) {
                      handleClick(this, d, chartWidth, chartHeight);
                  });
  
              bars
                  .attr('x', 0)
                  .attr('y', ({name}) => yScale(name))
                  .attr('height', yScale.bandwidth())
                  .attr('fill', ({name}) => computeColor(name))
                  .transition()
                  .duration(animationDuration)
                  .delay(interBarDelay)
                  .ease(ease)
                  .attr('width', ({value}) => xScale(value));
          }
docs: Draws and animates the bars along the x axis
  @param  {D3Selection} bars Selection of bars
  @return {void}