0.9.2 • Published 2 years ago

@react-vision-components/react-vision-tags v0.9.2

Weekly downloads
-
License
MIT
Repository
github
Last release
2 years ago

React Vision Tags

MIT

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

  1. Create your colors
const colors:ColorSpectrum = { low: 'FF0000', mid: 'FFFF00', high: '00FF00' }
  1. Set your thresholds:
const threshold:ConfidenceThreshold = { low: 70, high: 90 }
  1. Create your schema:
const colorScheme:ColorInterpolatorOptions = new ColorInterpolatorOptions(colors, threshold);
  1. 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