---
title: "Build a dashboard using the Infinity data source | Grafana Labs"
description: "Learn how to build a dashboard that visualizes JSON data"
---

> For a curated documentation index, see [llms.txt](/llms.txt). For the complete documentation index, see [llms-full.txt](/llms-full.txt).

# Build a dashboard using the Infinity data source

A Grafana dashboard is a set of one or more panels, organized and arranged into one or more rows, that provide an at-a-glance view of related information. These panels are created using components that query and transform raw data from a data source into visualizations. Watch video ->

The instructions in this milestone are based on the publicly available [Traffic density](https://thingspeak.com/channels/38629/feed.json) JSON file, which has the following structure.

JSON ![Copy code to clipboard](/media/images/icons/icon-copy-small-2.svg) Copy

```json
{
  "channel": {
    "id": 38629,
    "name": "Traffic Monitor",
    "field1": "Density of Westbound Cars",
    "field2": "Density of Eastbound Cars"
  },
  "feeds": [
    {
      "created_at": "2025-04-02T17:44:34Z",
      "entry_id": 18679825,
      "field1": "7.000000",
      "field2": "7.000000"
    }
  ]
}
```

In this section, you create a dashboard, query your JSON endpoint with the Infinity data source, and save the result as a table panel.

To build a dashboard with the Infinity data source, complete the following steps:

01. From the navigation menu, click **Dashboards**.
02. Click **New** and select **New dashboard**.
03. Add a panel and open the panel editor: click the **Panel** placeholder, then click **Edit visualization**.
04. Pop this guide out into a floating panel so the data source list and save dialog don’t cover it.
05. Select **{{infinitySource}}** in the **Data source** picker.
06. The panel now uses the Infinity data source you configured earlier.
07. In the **URL** field, enter the URL of the JSON data you want to visualize.
    
    For example: `https://thingspeak.com/channels/38629/feed.json`
08. In the **Parser** dropdown, select **Frontend**.
    
    The default parser is **JSONata**. Selecting **Frontend** lets you use plain field names in the **Rows/Root** and column selectors in the next steps.
09. Expand **Parsing options & Result fields**.
10. In the **Rows/Root** field, enter `feeds`.
    
    This tells the Infinity data source which section of the JSON contains the records you want to visualize. The `feeds` field reference works whether you selected the **Frontend** parser or kept the default **JSONata** parser.
11. Click **Add Columns** and add a column for each field:
    
    - **Selector** `created_at` / **Title** `Created at` / **Format as** `Time`
    - **Selector** `field1` / **Title** `Density of Westbound Cars` / **Format as** `Number`
    - **Selector** `field2` / **Title** `Density of Eastbound Cars` / **Format as** `Number`
12. In the right pane, click **All visualizations**, search for `Table`, and select it from the results.
13. Click **Back to dashboard** in the top-left of the panel editor.
14. In the toolbar, click **Save dashboard**.
15. Enter a title for your dashboard.
16. Click **Save**.

You built and saved a dashboard that visualizes your JSON data with the Infinity data source.

The dashboard is now available for others to see.

* * *

### More to explore (optional)

At this point in your journey, you can explore the following paths:

- [Modify dashboard settings](/docs/grafana-cloud/visualizations/dashboards/build-dashboards/modify-dashboard-settings/)
- [Manage dashboards](/docs/grafana-cloud/visualizations/dashboards/manage-dashboards/)
- [Filtering data / Using template variables in Query](/docs/plugins/yesoreyeram-infinity-datasource/latest/query/filters/)