0.9.2 • Published 2 years ago
@react-vision-components/react-vision-tags v0.9.2
React Vision Tags
But Why?!
Created in order to make Computer Vision tags from Azure Computer Vision more flashy for a customer and end user who likes to see different things.
Features, not bugs
- Added tags automatically have a score of 100% by design.
- Color of background text will(note: should) switch from black to white baste on luminence of the background that is generated.
- More to come but it's too late and I can't remember them all :-|
Install
To install this component:
npm i @react-vision-components/react-vision-tags
Usage
- Create your colors
const colors:ColorSpectrum = { low: 'FF0000', mid: 'FFFF00', high: '00FF00' }
- Set your thresholds:
const threshold:ConfidenceThreshold = { low: 70, high: 90 }
- Create your schema:
const colorScheme:ColorInterpolatorOptions = new ColorInterpolatorOptions(colors, threshold);
- Drop the component on your page:
<VisionTags value={item.cloudTags as Vision[]} name={tags} schema={colorScheme} placeHolder='Enter tags' />
NOTE: value is expecting an array of objects with properties "name" of type string and "confidence" and percentage as a decimal string...for example:
{
name: 'Example',
confidence: '0.91'
}
Authors
0.9.2
2 years ago
0.9.0
2 years ago
0.2.25
2 years ago
0.2.24
2 years ago
0.2.23
2 years ago
0.2.22
2 years ago
0.2.21
2 years ago
0.2.19
2 years ago
0.2.18
2 years ago
0.2.17
2 years ago
0.2.16
2 years ago
0.2.15
2 years ago
0.2.14
2 years ago
0.2.13
2 years ago
0.2.12
2 years ago
0.2.11
2 years ago
0.2.10
2 years ago
0.2.9
2 years ago
0.2.8
2 years ago
0.2.7
2 years ago
0.2.6
2 years ago
0.2.5
2 years ago
0.2.4
2 years ago
0.2.3
2 years ago
0.2.1
2 years ago
0.2.0
2 years ago