Menu
Open source
Visualize GraphQL with Infinity

Visualize GraphQL with Infinity

Visualize data from your GraphQL APIs using infinity data source plugin

📊 Overview

With the Infinity datasource, you can also scrap data from any GraphQL endpoints. This works exactly in the same way as JSON API, but instead of using GET method used by the JSON API, this uses POST method with a body.

Give it a try using Grafana Play
Give it a try using Grafana Play

With Grafana Play, you can explore and see how it works, learning from practical examples to accelerate your development. This feature can be seen on Infinity plugin GraphQL demo.

For example, consider the below GraphQL Endpoint. This returns list of countries and their calling codes.

image

With our plugin, we are going to list the above data as table with country name and calling code (1st calling code).

image

As shown in the image above, you need to specify the URL and fields you need. Next to the URL, you can see advanced options (expand icon) where you can enter your query as shown below:

image

graphql
{
  countries {
    name
    continent {
      name
    }
  }
}

Make sure to select POST method when using the graphql API.