Menu

Important: This documentation is about an older version. It's relevant only to the release noted, many of the features and functions have been updated or replaced. Please view the current version.

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 same way as JSON api. Instead of using GET method used by 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 above image, 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 choose POST method when using the graphql api.