https://github.com/universaldatatool/react-nlp-annotate
Interface for making NLP annotations.
https://github.com/universaldatatool/react-nlp-annotate
classification entity entity-relation-labeling hacktoberfest nlp nlp-library nlp-machine-learning text text-classification text-entities text-entity-analysis text-mining
Last synced: 12 months ago
JSON representation
Interface for making NLP annotations.
- Host: GitHub
- URL: https://github.com/universaldatatool/react-nlp-annotate
- Owner: UniversalDataTool
- Created: 2019-06-10T04:31:17.000Z (almost 7 years ago)
- Default Branch: master
- Last Pushed: 2023-04-14T19:16:23.000Z (about 3 years ago)
- Last Synced: 2024-10-29T18:54:26.341Z (over 1 year ago)
- Topics: classification, entity, entity-relation-labeling, hacktoberfest, nlp, nlp-library, nlp-machine-learning, text, text-classification, text-entities, text-entity-analysis, text-mining
- Language: JavaScript
- Homepage:
- Size: 11.8 MB
- Stars: 46
- Watchers: 5
- Forks: 19
- Open Issues: 10
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# React NLP Annotate
> If you just want to edit NLP data, it's easier to just use the [Universal Data Tool (MIT)](https://github.com/UniversalDataTool/universal-data-tool). This library is a module of the Universal Data Tool for use in custom react applications.
Interface for doing various NLP tasks. [Here's a code playground](https://codesandbox.io/s/react-nlp-annotate-example-0jwms?file=/src/App.js). Please help this repository by adding documentation and issues!
- Audio transcription
- Text Labeling (Entity, Classification)
- Entity Relation Labeling



## Installation
`npm install react-nlp-annotate`
## Usage
### Document Classification
```javascript
import NLPAnnotator from "react-nlp-annotate"
const MyComponent = () => (
{
console.log("Harry is a " + classification)
}}
/>
)
```
### Entity Relation Labeling
```javascript
import React from "react";
import NLPAnnotator from "react-nlp-annotate";
const labels = [
{
id: "gryffindor",
displayName: "Gryffindor",
description: "Daring, strong nerve and chivalry."
},
{
id: "slytherin",
displayName: "Slytherin",
description: "Cunning and ambitious. Possibly dark wizard."
}
];
export default () => (
{
console.log("Output is...", output);
}}
// this is just for label-relationships
entityLabels={labels}
relationshipLabels={labels}
/>
);
```