perf: set text-rendering to optimizeSpeed, v1.108.1

modules/renderers/draw-burg-labels.js

@@ -13,6 +13,7 @@ function drawBurgLabels() {
     .data(capitals)
     .enter()
     .append("text")
+    .attr("text-rendering", "optimizeSpeed")
     .attr("id", d => "burgLabel" + d.i)
     .attr("data-id", d => d.i)
     .attr("x", d => d.x)
@@ -28,6 +29,7 @@ function drawBurgLabels() {
     .data(towns)
     .enter()
     .append("text")
+    .attr("text-rendering", "optimizeSpeed")
     .attr("id", d => "burgLabel" + d.i)
     .attr("data-id", d => d.i)
     .attr("x", d => d.x)

modules/renderers/draw-military.js

@@ -43,6 +43,7 @@ const drawRegiments = function (regiments, s) {
   g.append("text")
     .attr("x", d => d.x)
     .attr("y", d => d.y)
+    .attr("text-rendering", "optimizeSpeed")
     .text(d => Military.getTotal(d));
   g.append("rect")
     .attr("fill", "currentColor")
@@ -52,6 +53,7 @@ const drawRegiments = function (regiments, s) {
     .attr("height", h);
   g.append("text")
     .attr("class", "regimentIcon")
+    .attr("text-rendering", "optimizeSpeed")
     .attr("x", d => x(d) - size)
     .attr("y", d => d.y)
     .text(d => (d.icon.startsWith("http") ? "" : d.icon));
@@ -91,7 +93,11 @@ const drawRegiment = function (reg, stateId) {
     .attr("transform", `rotate(${reg.angle || 0})`)
     .attr("transform-origin", `${reg.x}px ${reg.y}px`);
   g.append("rect").attr("x", x1).attr("y", y1).attr("width", w).attr("height", h);
-  g.append("text").attr("x", reg.x).attr("y", reg.y).text(Military.getTotal(reg));
+  g.append("text")
+    .attr("x", reg.x)
+    .attr("y", reg.y)
+    .attr("text-rendering", "optimizeSpeed")
+    .text(Military.getTotal(reg));
   g.append("rect")
     .attr("fill", "currentColor")
     .attr("x", x1 - h)
@@ -100,6 +106,7 @@ const drawRegiment = function (reg, stateId) {
     .attr("height", h);
   g.append("text")
     .attr("class", "regimentIcon")
+    .attr("text-rendering", "optimizeSpeed")
     .attr("x", x1 - size)
     .attr("y", reg.y)
     .text(reg.icon.startsWith("http") ? "" : reg.icon);

modules/renderers/draw-scalebar.js

@@ -43,6 +43,7 @@ function drawScaleBar(scaleBar, scaleLevel) {
     .data(d3.range(0, 6))
     .enter()
     .append("text")
+    .attr("text-rendering", "optimizeSpeed")
     .attr("x", d => rn((d * length) / 5, 2))
     .attr("y", 0)
     .attr("dy", "-.6em")
@@ -52,6 +53,7 @@ function drawScaleBar(scaleBar, scaleLevel) {
   if (label) {
     texts
       .append("text")
+      .attr("text-rendering", "optimizeSpeed")
       .attr("x", (length + 1) / 2)
       .attr("dy", ".6em")
       .attr("dominant-baseline", "text-before-edge")

modules/renderers/draw-state-labels.js

@@ -106,6 +106,7 @@ function drawStateLabels(list) {
 
       const textElement = textGroup
         .append("text")
+        .attr("text-rendering", "optimizeSpeed")
         .attr("id", "stateLabel" + stateId)
         .append("textPath")
         .attr("startOffset", "50%")