strokeWidth as a channel (rebased)

Author: Fil

src/marks/link.js

@@ -17,6 +17,7 @@ export class Link extends Mark {
       fillOpacity,
       stroke,
       strokeOpacity,
+      strokeWidth,
       curve,
       ...options
     } = {}
@@ -25,6 +26,7 @@ export class Link extends Mark {
     const [vfillOpacity, cfillOpacity] = maybeNumber(fillOpacity);
     const [vstroke, cstroke] = maybeColor(stroke, "currentColor");
     const [vstrokeOpacity, cstrokeOpacity] = maybeNumber(strokeOpacity);
+    const [vstrokeWidth, cstrokeWidth] = maybeNumber(strokeWidth, 1);
     super(
       data,
       [
@@ -36,7 +38,8 @@ export class Link extends Mark {
         {name: "fill", value: vfill, scale: "color", optional: true},
         {name: "fillOpacity", value: vfillOpacity, scale: "opacity", optional: true},
         {name: "stroke", value: vstroke, scale: "color", optional: true},
-        {name: "strokeOpacity", value: vstrokeOpacity, scale: "opacity", optional: true}
+        {name: "strokeOpacity", value: vstrokeOpacity, scale: "opacity", optional: true},
+        {name: "strokeWidth", value: vstrokeWidth, optional: true}
       ],
       options
     );
@@ -47,13 +50,14 @@ export class Link extends Mark {
       stroke: cstroke,
       strokeMiterlimit: cstroke === "none" ? undefined : 1,
       strokeOpacity: cstrokeOpacity,
+      strokeWidth: cstrokeWidth,
       ...options
     });
   }
   render(
     I,
     {x, y},
-    {x1: X1, y1: Y1, x2: X2, y2: Y2, title: L, stroke: S, strokeOpacity: SO}
+    {x1: X1, y1: Y1, x2: X2, y2: Y2, title: L, stroke: S, strokeOpacity: SO, strokeWidth: SW}
   ) {
     const index = filter(I, X1, Y1, X2, Y2, S, SO);
     return create("svg:g")
@@ -74,6 +78,7 @@ export class Link extends Mark {
             })
             .call(applyAttr, "stroke", S && (i => S[i]))
             .call(applyAttr, "stroke-opacity", SO && (i => SO[i]))
+            .call(applyAttr, "stroke-width", SW && (i => SW[i]))
             .call(title(L)))
       .node();
   }