Image annotation tool for React
npm install @fruitfulai-ag/annotator
❯ An NPM package
Built with the tools and technologies:
Fruitful Annotator is a web-based application designed to facilitate the annotation of data. It provides an intuitive interface for users to label and categorize data efficiently. The project leverages modern web technologies and libraries such as React and TypeScript to ensure a smooth and responsive user experience.
- User-friendly interface for data annotation
- Supports various data types and formats
- Real-time collaboration and updates
- Integration with popular data storage solutions
- Customizable annotation tools and workflows
- Getting Started
- Prerequisites
- Installation
- Usage
Before getting started with annotator, ensure your runtime environment meets the following requirements:
- Programming Language: TypeScript
- Package Manager: Npm
Install annotator using one of the following methods:
Build from source:
1. Install the project dependencies:
``sh`
❯ npm install @fruitfulai-ag/annotator
ts
import { Annotator } from 'fruitful-annotator';// Types can be found in src/model/annotator.interface.ts
interface Props {
src: string;
annotations: ImageAnnotation;
setAnnotations: React.Dispatch>;
displayAnnotator: boolean;
}
src={image}
annotations={annotations}
setAnnotations={setAnnotations}
displayAnnotator={true}
/>
``