Scatterplot with dasharray stroke?

[chrisgervang]

Can I create a scatterplot element with an dasharray outline, similar to the feature compatible with PathLayer? Here's a circle of the idea in Google Slides.

I found a PathStyleExtension that provides a getDashArray prop, but I'm unsure how to apply that to a scatter plot stroke since it isn't a PathLayer.

[Pessimistress]

You can subclass the ScatterplotLayer with a custom fragment shader.

Assume you send a custom uniform dashArray:

uniform vec2 dashArray;

After this line:

deck.gl/modules/layers/src/scatterplot-layer/scatterplot-layer-fragment.glsl.js

Line 46 in 82dbe80

float isLine = smoothedge(innerUnitRadius * outerRadiusPixels, distToCenter);

Add something along the lines of:

float circumferencePixels = outerRadiusPixels * PI * 2.0;
float numOfDashes = floor(circumferencePixels / (dashArray.x + dashArray.y));
float anglePerDash = PI * 2.0 / numOfDashes;
float angle = atan(geometry.uv.y, geometry.uv.x);
bool isInGap = fract(angle/anglePerUnit) > dashArray.x / (dashArray.x + dashArray.y);
if (isInGap) discard;