prettier

Author: mbostock

docs/ex/d3/bivariate-choropleth.html

@@ -124,6 +124,6 @@
   </script>
   <script id="379" type="module" pinned="">
     const us = await FileAttachment("data/us-counties-albers-10m.json").json();
-    const states = display(new Map(us.objects.states.geometries.map(d => [d.id, d.properties])));
+    const states = display(new Map(us.objects.states.geometries.map((d) => [d.id, d.properties])));
   </script>
 </notebook>

docs/ex/d3/brushable-scatterplot-matrix.html

@@ -32,7 +32,7 @@
         .rangeRound([padding / 2, size - padding / 2]))
 
     // Define the companion vertical scales (one for each column).
-    const y = x.map(x => x.copy().range([size - padding / 2, padding / 2]));
+    const y = x.map((x) => x.copy().range([size - padding / 2, padding / 2]));
 
     // Define the color scale.
     const color = d3.scaleOrdinal()

docs/ex/d3/brushable-scatterplot.html

@@ -81,7 +81,7 @@
         const [[x0, y0], [x1, y1]] = s;
         value = dot
           .style("stroke", "gray")
-          .filter(d => x0 <= x(d["Miles_per_Gallon"]) && x(d["Miles_per_Gallon"]) < x1
+          .filter((d) => x0 <= x(d["Miles_per_Gallon"]) && x(d["Miles_per_Gallon"]) < x1
                   && y0 <= y(d["Horsepower"]) && y(d["Horsepower"]) < y1)
           .style("stroke", "steelblue")
           .data();

docs/ex/d3/chord.html

@@ -90,7 +90,7 @@
 
     function groupTicks(d, step) {
       const k = (d.endAngle - d.startAngle) / d.value;
-      return d3.range(0, d.value, step).map(value => {
+      return d3.range(0, d.value, step).map((value) => {
         return {value: value, angle: value * k + d.startAngle};
       });
     }

docs/ex/d3/hertzsprung-russell.html

@@ -47,7 +47,7 @@
     // Create the axes.
     svg.append("g")
         .attr("transform", `translate(${marginLeft},0)`)
-        .call(d3.axisLeft(d3.scaleLog(y.domain().map(m => Math.pow(10, 4.83 - m)), y.range())));
+        .call(d3.axisLeft(d3.scaleLog(y.domain().map((m) => Math.pow(10, 4.83 - m)), y.range())));
 
     svg.append("g")
         .attr("transform", `translate(${width - marginRight},0)`)
@@ -117,7 +117,7 @@
           : bv < 1.5 ? (t = (bv - 0.4) / 1.1, 1 - (0.47 * t) + (0.1 * t * t))
           : bv < 1.94 ? (t = (bv - 1.5) / 0.44, 0.63 - (0.6 * t * t))
           : 0
-      ].map(t => Math.round(t * 255).toString(16).padStart(2, "0")).join("")}`;
+      ].map((t) => Math.round(t * 255).toString(16).padStart(2, "0")).join("")}`;
     }
 
     function temperature(color) {

docs/ex/d3/hierarchical-edge-bundling-2.html

@@ -80,7 +80,7 @@
       });
       const root = d3.hierarchy(rootData);
       const nodeById = new Map(root.leaves().map((d) => [id(d), d]));
-      for (const d of root.leaves()) d.incoming = [], d.outgoing = d.data.imports.map(i => [d, nodeById.get(i)]);
+      for (const d of root.leaves()) d.incoming = [], d.outgoing = d.data.imports.map((i) => [d, nodeById.get(i)]);
       for (const d of root.leaves()) for (const o of d.outgoing) o[1].incoming.push(o);
       root.sort((a, b) => d3.ascending(a.height, b.height) || d3.ascending(a.data.name, b.data.name));
       return root;

docs/ex/d3/hierarchical-edge-bundling.html

@@ -29,17 +29,17 @@
       .selectAll()
       .data(root.leaves())
       .join("g")
-        .attr("transform", d => `rotate(${d.x * 180 / Math.PI - 90}) translate(${d.y},0)`)
+        .attr("transform", (d) => `rotate(${d.x * 180 / Math.PI - 90}) translate(${d.y},0)`)
       .append("text")
         .attr("dy", "0.31em")
-        .attr("x", d => d.x < Math.PI ? 6 : -6)
-        .attr("text-anchor", d => d.x < Math.PI ? "start" : "end")
-        .attr("transform", d => d.x >= Math.PI ? "rotate(180)" : null)
+        .attr("x", (d) => d.x < Math.PI ? 6 : -6)
+        .attr("text-anchor", (d) => d.x < Math.PI ? "start" : "end")
+        .attr("transform", (d) => d.x >= Math.PI ? "rotate(180)" : null)
         .text((d) => d.data.name)
         .each(function(d) { d.text = this; })
         .on("mouseover", overed)
         .on("mouseout", outed)
-        .call(text => text.append("title").text((d) => `${id(d)}
+        .call((text) => text.append("title").text((d) => `${id(d)}
     ${d.outgoing.length} outgoing
     ${d.incoming.length} incoming`));
 
@@ -52,7 +52,7 @@
         .attr("stroke", colornone)
         .attr("fill", "none")
       .selectAll()
-      .data(root.leaves().flatMap(leaf => leaf.outgoing))
+      .data(root.leaves().flatMap((leaf) => leaf.outgoing))
       .join("path")
         .style("mix-blend-mode", "multiply")
         .attr("d", ([i, o]) => line(i.path(o)))
@@ -96,7 +96,7 @@
       });
       const root = d3.hierarchy(rootData);
       const nodeById = new Map(root.leaves().map((d) => [id(d), d]));
-      for (const d of root.leaves()) d.incoming = [], d.outgoing = d.data.imports.map(i => [d, nodeById.get(i)]);
+      for (const d of root.leaves()) d.incoming = [], d.outgoing = d.data.imports.map((i) => [d, nodeById.get(i)]);
       for (const d of root.leaves()) for (const o of d.outgoing) o[1].incoming.push(o);
       root.sort((a, b) => d3.ascending(a.height, b.height) || d3.ascending(a.data.name, b.data.name));
       return root;

docs/ex/d3/icelandic-population-by-age.html

@@ -84,17 +84,17 @@
           .duration(delay);
 
       rect = rect
-        .data(data.filter(d => d.year === year), (d) => `${d.sex}:${d.year - d.age}`)
+        .data(data.filter((d) => d.year === year), (d) => `${d.sex}:${d.year - d.age}`)
         .join(
-          enter => enter.append("rect")
+          (enter) => enter.append("rect")
             .style("mix-blend-mode", "darken")
             .attr("fill", (d) => color(d.sex))
             .attr("x", (d) => x(d.age) + dx)
             .attr("y", (d) => y(0))
             .attr("width", x.bandwidth() + 1)
             .attr("height", 0),
-          update => update,
-          exit => exit.call(rect => rect.transition(t).remove()
+          (update) => update,
+          (exit) => exit.call((rect) => rect.transition(t).remove()
             .attr("y", y(0))
             .attr("height", 0))
         );

docs/ex/d3/impact-of-vaccines.html

@@ -86,7 +86,7 @@
           .attr("transform", `translate(0,${height - marginBottom + 4})`)
           .call(d3.axisBottom(x)
               .tickValues([year])
-              .tickFormat(x => x)
+              .tickFormat((x) => x)
               .tickSize(marginTop + marginBottom - height - 10))
           .call((g) => g.select(".tick text")
               .clone()

docs/ex/d3/index-chart.html

@@ -67,7 +67,7 @@
     svg.append("g")
         .attr("transform", `translate(${marginLeft},0)`)
         .call(d3.axisLeft(y)
-            .ticks(null, x => +x.toFixed(6) + "×"))
+            .ticks(null, (x) => +x.toFixed(6) + "×"))
         .call((g) => g.selectAll(".tick line").clone()
             .attr("stroke-opacity", (d) => d === 1 ? null : 0.2)
             .attr("x2", width - marginLeft - marginRight))