0.0.199 • Published 4 years ago
@vx/legend v0.0.199
@vx/legend
Legends associate shapes and colors to data, and are associated with scales.
Example
import { LegendThreshold } from '@vx/legend';
import { scaleThreshold } from '@vx/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 @vx/legend
0.0.199
4 years ago
0.0.198
4 years ago
0.0.197
4 years ago
0.0.196
4 years ago
0.0.195
4 years ago
0.0.194
4 years ago
0.0.193
4 years ago
0.0.193-alpha.2
4 years ago
0.0.193-alpha.1
4 years ago
0.0.193-alpha.0
4 years ago
0.0.192
5 years ago
0.0.190
5 years ago
0.0.189
5 years ago
0.0.183
5 years ago
0.0.182
5 years ago
0.0.181
5 years ago
0.0.179
6 years ago
0.0.178
6 years ago
0.0.170
6 years ago
0.0.167
6 years ago
0.0.165
6 years ago
0.0.165-beta.1
6 years ago
0.0.165-beta.0
6 years ago
0.0.161
6 years ago
0.0.154
6 years ago
0.0.153
6 years ago
0.0.143
7 years ago
0.0.141
7 years ago
0.0.140
7 years ago
0.0.139
7 years ago
0.0.136
7 years ago
0.0.127
7 years ago
0.0.126
7 years ago
0.0.125
7 years ago
0.0.124
7 years ago
0.0.121
7 years ago