title: Changing number displayed as svg text gradually, with D3 transition
body: <p>I am looking for a simple way to gradually change the value of a number displayed as svg text with d3. </p>
  
  <pre><code>var quality = [0.06, 14];
  // qSVG is just the main svg element
  
  qSVG.selectAll(".txt")
      .data(quality)
      .enter()
      .append("text")
      .attr("class", "txt")
      .text(0)
      .transition()
      .duration(1750)
          .text(function(d){
               return d;
          });
  </code></pre>
  
  <p>Since text in this case is a number i hope there is an easy way to just increment it to the end of the transition. </p>
  
  <p>Maybe someone of you has an idea.</p>
  
  <p>Cheers</p>