improved axis formatting

app/src/content/embeds/d3-benchmark-comparison.html

@@ -274,7 +274,7 @@
 
       function stepsToTokens(step) { return step * TOKENS_PER_STEP; }
       function formatTokens(tokens) {
-        if (tokens >= 1e9) return d3.format('.2f')(tokens / 1e9) + 'B';
+        if (tokens >= 1e9) return d3.format('.1f')(tokens / 1e9) + 'B';
         if (tokens >= 1e6) return d3.format('.1f')(tokens / 1e6) + 'M';
         return d3.format(',')(tokens);
       }
@@ -445,7 +445,7 @@
         // X axis
         gRoot.selectAll('.axis-x').data([0]).join('g').attr('class', 'axes axis-x')
           .attr('transform', `translate(0,${innerHeight})`)
-          .call(d3.axisBottom(x).ticks(5).tickFormat(d3.format('.3f')).tickSizeOuter(0))
+          .call(d3.axisBottom(x).ticks(5).tickFormat(d3.format('.2f')).tickSizeOuter(0))
           .call(g => {
             g.selectAll('text').attr('fill', 'var(--tick-color)').style('font-size', '11px');
             g.selectAll('path, line').attr('stroke', 'var(--axis-color)');
@@ -588,7 +588,7 @@
 
         // Y axis
         gRoot.selectAll('.axis-y').data([0]).join('g').attr('class', 'axes axis-y')
-          .call(d3.axisLeft(y).ticks(6).tickFormat(d3.format('.3f')).tickSizeOuter(0))
+          .call(d3.axisLeft(y).ticks(6).tickFormat(d3.format('.2f')).tickSizeOuter(0))
           .call(g => {
             g.selectAll('text').attr('fill', 'var(--tick-color)').style('font-size', '11px');
             g.selectAll('path, line').attr('stroke', 'var(--axis-color)');