1.0.0-next.0 • Published 6 years ago
@potion/extra v1.0.0-next.0
Extras
Extra elements/effects used when visualizing data like gradients, patterns, axes and legends to name a few.
Patterns
Potion provides the ability to fill shapes with patterns using the third-party library react-svg-textures.
Example:
import { Svg, Rect } from '@potion/element';
import { Pattern } from '@potion/extra';
<Svg width={400} height={400}>
<Pattern.Lines
id='my-pattern'
strokeWidth={10}
stroke='purple'
size={10}
orientation='diagonal'
background='blue'
/>
<circle cx={100} cy={100} r={5} fill='url(#my-pattern)' />
</Svg>
Gradients
1.0.0-next.26
6 years ago
1.0.0-next.25
6 years ago
1.0.0-next.24
6 years ago
1.0.0-next.23
6 years ago
1.0.0-next.22
6 years ago
1.0.0-next.21
6 years ago
1.0.0-next.20
6 years ago
1.0.0-next.19
6 years ago
1.0.0-next.18
6 years ago
1.0.0-next.17
6 years ago
1.0.0-next.16
6 years ago
1.0.0-next.15
6 years ago
1.0.0-next.14
6 years ago
1.0.0-next.13
6 years ago
1.0.0-next.12
6 years ago
1.0.0-next.11
6 years ago
1.0.0-next.10
6 years ago
1.0.0-next.9
6 years ago
1.0.0-next.8
6 years ago
1.0.0-next.7
6 years ago
1.0.0-next.6
6 years ago
1.0.0-next.5
6 years ago
1.0.0-next.4
6 years ago
1.0.0-next.3
6 years ago
1.0.0-next.2
6 years ago
1.0.0-next.1
6 years ago
2.0.0-next.0
6 years ago
1.0.0-next.0
6 years ago