How to use the @vx/scale.scaleThreshold function in @vx/scale
To help you get started, we’ve selected a few @vx/scale examples, based on popular ways it is used in public projects.
Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.
hshoff / vx / packages / vx-demo / src / components / tiles / legends.js View on Github 
const sizeColorScale = scaleLinear({
domain: [0, 10],
range: ['#75fcfc', '#3236b8'],
});
const quantileScale = scaleQuantize({
domain: [0, 0.15],
range: ['#eb4d70', '#f19938', '#6ce18b', '#78f6ef', '#9096f8'],
});
const linearScale = scaleLinear({
domain: [0, 10],
range: ['#ed4fbb', '#e9a039'],
});
const thresholdScale = scaleThreshold({
domain: [0.01, 0.02, 0.04, 0.06, 0.08, 0.1],
range: ['#f2f0f7', '#dadaeb', '#bcbddc', '#9e9ac8', '#756bb1', '#54278f'],
});
const ordinalColorScale = scaleOrdinal({
domain: ['a', 'b', 'c', 'd'],
range: ['#66d981', '#71f5ef', '#4899f1', '#7d81f6'],
});
const ordinalColor2Scale = scaleOrdinal({
domain: ['a', 'b', 'c', 'd'],
range: ['#fae856', '#f29b38', '#e64357', '#8386f7'],
});
const shapeScale = scaleOrdinal({
domain: ['a', 'b', 'c', 'd', 'e'],
