> For the complete documentation index, see [llms.txt](https://labelflow.gitbook.io/labelflow/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://labelflow.gitbook.io/labelflow/api/getting-started.md).

# Getting Started

## GraphQL Playground

LabelFlow GraphQL playground is the best way to get started with the API. Just connect to <https://labelflow.ai/graphiql> using any modern web browser, and get started. The interface should look like something like this.

![](https://3560202825-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MhJNEsutg2ISXpTj5K5%2F-Mi74-KDn98Yt6JHPq-F%2F-Mi75PI9DHrPekPCXxJF%2Fimage.png?alt=media\&token=a4ad27bc-2c86-44e5-b63d-b32a7b2efdb6)

As the images on LabelFlow are stored locally only, there is no authentication needed. All queries and mutations will be done on a database stored locally in your browser.

## **Perform our first GraphQL Query**

Let’s write a graphQL query which asks for the id&#x73;**,** names, and dataset id of the first 10 images you have access t&#x6F;**:**

![](https://3560202825-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MhJNEsutg2ISXpTj5K5%2F-Mi74-KDn98Yt6JHPq-F%2F-Mi767cCJ_NSc1myHuOl%2Fimage.png?alt=media\&token=19d3a213-c6e8-4eb9-bb60-f5812d92518a)

```graphql
query images {
  images(first:10){
    id
    datasetId
    name
  }
}
```

You can now run the query by pressing the ▶️“Run Query Button” in the top left of the screen. You should see the response appear on the right side of the screen.

## **Access the interactive documentation**

Our Graph API is self-documented. **You can access all the documentation in the GraphQL playground.** There are several ways to benefit from the documentation:

* Automatic autocompletion of your queries
* Manual autocompletion of your queries, triggered by pressing CTRL-SPACE when writing a query in the query area
* Schema documentation, using the “Schema” Button on the right side of the screen.

Here is a screenshot showcasing both Autocompletion (on the left side, in the query area), and the schema documentation (on the right side, in the sidebar). Our API is based on the principle of OpenCrud (<https://github.com/opencrud/opencrud>).

![](https://3560202825-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MhJNEsutg2ISXpTj5K5%2F-Mi76v9sIU5NYFkavntD%2F-Mi77EDnsLsG1o25oroQ%2Fimage.png?alt=media\&token=20856a71-ed77-4aa0-8318-232936e5c7be)