A web based tool to label images. It uses Google Vision API returned Bounding Boxes coordinates.
Get the Google Vision Document Text Detection Api key and add to the file to see the results.
It runs directly from the browser and bounding boxes on image are clickable and label gets popped up upon clicking the bouding box boundary
- Add a label for a box
- For the box you would like to give a label, find its id (noted in the top left corner of the box)
- Find the label with the corresponding number
- Enter the name you want in the input field
- Press enter
- Remove label click the red button on the label you would like to remove
- Move to next image
- Click the next Arrow button
- ZoomIn and ZoomOut
- Click on the ZoomIn and Zoomout button
- Rotate image
- Restore
- Rotate 180
- Rotate Right
- Rotate Left
- Draw Rectangle
- Manually draw rectangle
- Remove Rectangle
- Delete the rectangle
- Discard the image
- Click on the Discard button
- Output File
- At the top level of the directory where the program was run, there should be a file called out.csv that contains the generated data whch contains the google id, angle(Click on the rotate button to get the right orientation of the image and get the angle accordingly; for future use, want to crop details, get the image orientation, rotate it according to the angle and then crop) and image coordinates.
- Install flask and google-cloud-vision
pip install flask
pip install google-cloud-vision
- Open the terminal and run
python3 app.py dir_name/
-
Open your browser (if it hasn't popped up already) at: http://127.0.0.1:5000/
-
Login credentials:
This application is built upon following technology stack.
- Python
- Flask
- HTML5-canvas
- JS
Sneha Rawat [[email protected]]
Linkedin: https://www.linkedin.com/in/sneharawatt/