Visx: PatternCircles strokeWidth

[OKNoah]

I see this example has strokeWidth use in the PatternCircles component. But can anyone confirm this works?

https://vx-demo.now.sh/static/docs/vx-pattern.html

<PatternCircles
  id="circles"
  height={6}
  width={6}
  stroke={'black'}
  strokeWidth={1}
/>

[hshoff]

Hi @OKNoah, thanks for checking out vx!

Here's a codesandbox of a working strokeWidth on <PatternCircles />: https://codesandbox.io/s/n9rr21qkrp

[hshoff]

Going to close this but feel free to follow up if you have questions or if something isn’t working as expected.

[OKNoah]

@hshoff I will give it another go later, thanks.

[OKNoah]

@hshoff Indeed it does work, not sure why it didn't before. Is there a way to increase circle diameter? Looking at the code, it's not obvious to me how.

[hshoff]

@OKNoah great! Yup, just increase radius, width, and height.

width & height define the the area that will be repeated as a pattern. Then the center point for your circle will be cx = width / 2 and cy = height / 2. Here's another example: https://codesandbox.io/s/1z2k2wxk54