text.js

text = svg.selectAll('.percentRank')
              .data(percentileData)
              .enter()
              .append('text')
                  .attr('class', 'percentRank')
                  .attr('x', d => getTextXValue(d.cx))
                  .attr('y', d => d.cy + 3)
                  .text(d => Math.floor((d.cx/150)*100))
                  .attr('font-weight', 'bolder')
                  .attr('font-size', '.7rem')
                  .attr('fill', d  => (Math.floor((d.cx/150)*100) >= 70 ||
                                       Math.floor((d.cx/150)*100) <= 30)
                        ? 'white' : 'black');