# Multi-variable Chart

## About our multi-variable charts

The multi-variable chart allows users to select multiple columns for the x-axis. Each x-axis variable is divided into segments representing different data elements within that column. In the example below, drug tests are compiled on the x-axis while the stacks represent test results (resistant, susceptible, not determined, etc.)

Enjoy a panel-specific legend for ease of interpretation of the different bar stacks as well as a panel-specific dropdown to drill down in specific columns of data!

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXdsvf3hoiW2iOj4Kp9nRf5iKGzJnTms_8KyIIr83q4lvzlis2BmQ5lrEElQY3Sn7KBKWDVaJZiNgG1U0bcPi1qxMASxZ4-tMbSP95HBYEl3XpGuCHPAzt5Iu1fLeklWEWGhNzdUZcyZWfEkapPY_wHiRjje?key=eWiUFSXUJbPgi8wi6uipZA" alt=""><figcaption><p>Example of a multi-variable chart in Microreact</p></figcaption></figure>

## Creating your multi-variable chart

| <p><strong>Step 1:</strong> Select which columns from your metadata should be shown as bars in the x-axis of your chart.<br></p><p>This chart type allows users to make comparisons across multiple columns consisting of similar data elements. For example:</p><ul><li>Presence or absence of a certain mutation across multiple gene columns</li><li>Standard scores across multiple student columns</li><li>Weather patterns across multiple geographic columns</li></ul>                                    | ![](https://lh7-rt.googleusercontent.com/docsz/AD_4nXeQWLOxr_Lx_0uuks-WZC8oMj14ZTF9DIiSlDLQCMES0TGxoGdbvQf5Xg8J0Up-KmbLL0p5bnKJGNVnabrxMoPnV1o-Zi83RVgejt-zZE8BNHeIFxR3_Zj5Xaid5JjEcL9-W2r_8HgzzSoO-o1CKGdVYvSF?key=eWiUFSXUJbPgi8wi6uipZA)                                                                                                                                                                                                                                                                                                                                          |
| ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
| <p><strong>Step 2:</strong> Select which data elements appear in each bar stack. Choose between showing all data elements present in each column, exclude blank values or choose from a list of data elements you want to appear in your chart.</p><ul><li>Option 1 (All values): Absent, Present, Detected with low coverage, Not tested, null</li><li>Option 2 (All values except blanks): Absent, Present, Detected with low coverage, Not tested</li><li>Option 3 (Custom values): Absent, Present</li></ul> | <p><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXcN5od505LZvpKEnyBPffL4T8CGyTSj2aqJFDnxphVaNaC--EVd5EFQhx_83603vwG3sKh5xwo6CrgTdea4Bf_Q-71GL4BkLhg2kxXmBbML0axOtL4mapYY5VXbrmLPvot7sAj8sWds7kMka5_JtHV2Oewd?key=eWiUFSXUJbPgi8wi6uipZA" alt="" data-size="original"></p><p><br></p><p><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXeJyW2FKS-FncGpJCLerYlgW5jiMhvdGgoyGh3frR9aCof3--67qdSY0_TL4QXSYl-IuMmqubzOf1zxI5wGpn7OZ2nS6ztp8HjIqDIHvjUuxXkT18Bl4NoegEjCSUPYLjqjHJgVjvowNdlmxNmlA83U0Uw?key=eWiUFSXUJbPgi8wi6uipZA" alt="" data-size="original"></p> |

\\


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.microreact.org/instructions/adding-and-editing-panels/charts-panel/multi-variable-chart.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.