3.5.0 • Published 6 months ago
@visx/legend v3.5.0
@visx/legend
Legends associate shapes and colors to data, and are associated with scales.
Example
import { LegendThreshold } from '@visx/legend';
import { scaleThreshold } from '@visx/scale';
const threshold = scaleThreshold({
domain: [0.02, 0.04, 0.06, 0.08, 0.1],
range: ['#f2f0f7', '#dadaeb', '#bcbddc', '#9e9ac8', '#756bb1', '#54278f'],
});
function MyChart() {
return (
<div>
<svg>{/** chart stuff */}</svg>
<LegendThreshold
scale={threshold}
direction="column-reverse"
itemDirection="row-reverse"
labelMargin="0 20px 0 0"
shapeMargin="1px 0 0"
/>
</div>
);
}
Installation
npm install --save @visx/legend
3.3.0
10 months ago
3.5.0
6 months ago
3.2.0-alpha.0
10 months ago
3.2.0
10 months ago
2.17.0
1 year ago
2.18.0
1 year ago
3.0.0
1 year ago
2.17.0-alpha.0
1 year ago
2.10.0-alpha.0
2 years ago
2.10.0
2 years ago
2.2.2
3 years ago
2.1.2
3 years ago
2.1.0
3 years ago
2.0.1-alpha.0
3 years ago
3.0.0-alpha.0
3 years ago
1.17.1
3 years ago
1.14.0
3 years ago
1.11.1
3 years ago
1.7.0
3 years ago
1.6.1
3 years ago
1.4.0
3 years ago
1.3.0
3 years ago
1.3.0-alpha.0
3 years ago
1.1.0
4 years ago
1.0.0
4 years ago
0.0.200-alpha.0
4 years ago