---
description: Generate chart from a JSON output. (Just apply with the app)
---

# Chart Output

<figure><img src="https://3864624312-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRdo1pkMnofwxf3lpWftw%2Fuploads%2Fo7j2R99yROA3RRRusF1B%2Fimage.png?alt=media&#x26;token=12ac7484-d56b-4431-90ba-0384dfcf4646" alt=""><figcaption></figcaption></figure>

## Description

The Chart Generator component allows you to visualise JSON data values directly in your flow. Once the component is connected and the flow has been run, the Chart Generator component UI will change to allow further analyses of the chart.

<figure><img src="https://3864624312-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRdo1pkMnofwxf3lpWftw%2Fuploads%2Fz97fzrcDFYY8p5fSctyr%2Fimage.png?alt=media&#x26;token=b8edd428-69f4-4255-9f53-a825324495bb" alt=""><figcaption></figcaption></figure>



<figure><img src="https://3864624312-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRdo1pkMnofwxf3lpWftw%2Fuploads%2FlNokSkYEFn0rXh3INBIV%2Fimage.png?alt=media&#x26;token=83c5f28f-804f-4c68-9283-8d5d23e6a099" alt=""><figcaption></figcaption></figure>

## Inputs

The Chart Generator component has the following input connections.

| Input Name                              | Description                                                           | Constraints                                                        |
| --------------------------------------- | --------------------------------------------------------------------- | ------------------------------------------------------------------ |
| From LLM / Data Loader / Input / Python | JSON formatted data used by the chart component to display the chart. | Must originate from LLM, Data Loader, Input or Python components.  |

## Component settings

| Parameter Name | Description                                                                                                                     |
| -------------- | ------------------------------------------------------------------------------------------------------------------------------- |
| Title          | Specify the title for your output. For example, you can name your text output "Response".                                       |
| Value          | The value lets you link a component's output to its value. To do this, type @ and then choose the component's output or status. |

## Use case

You can view all the various use cases with the Chart Generator Output in the[ ](broken-reference)[Examples](broken-reference) section.&#x20;
