Skip to content
| Marketplace
Sign in
Visual Studio Code>Visualization>Annotations (COCO)New to Visual Studio Code? Get it now.
Annotations (COCO)

Annotations (COCO)

Eli

| (0) | Free
Visual bounding-box editor for COCO annotation files
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Annotation (COCO) — VS Code Extension

A visual bounding-box editor for COCO annotation files, built as a VS Code extension.

Features

  • Visual bounding-box editor — open .coco or .coco.json files directly in VS Code with a custom editor
  • Annotate from Explorer — right-click any image file to launch the annotation view
  • Supported image formats — PNG, JPG, JPEG, WebP, BMP, GIF

Installation

From a .vsix file

code --install-extension coco-0.1.0.vsix

Or: Extensions sidebar → ... menu → Install from VSIX...

Usage

Open a COCO annotation file

Open any .coco or .coco.json file — the custom editor will launch automatically.

Annotate an image

Right-click any image file in the Explorer and select "Annotate with COCO".

File Format

This extension works with the COCO JSON format. Example structure:

{
  "images": [
    { "id": 1, "file_name": "images/photo.jpg", "width": 640, "height": 480 }
  ],
  "annotations": [
    {
      "id": 1,
      "image_id": 1,
      "category_id": 1,
      "bbox": [x, y, width, height]
    }
  ],
  "categories": [
    { "id": 1, "name": "cat" }
  ]
}

Requirements

  • VS Code ^1.85.0

License

MIT

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2026 Microsoft