> For the complete documentation index, see [llms.txt](https://docs.chartsql.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.chartsql.com/chartsql-studio/creating-charts/editor-panels.md).

# Editor Panels

ChartSQL Studio contains three major areas you will use to create your charts, which we call the Editor, Preview, and Info panels

## Editor Panel

The Editor Panel contains your currently active SQL Script and allows you to edit the SQL and directives that control the chart.

<div align="left"><figure><img src="/files/pLCCXmPrPleiUUnHNvSM" alt="" width="438"><figcaption></figcaption></figure></div>

## Preview Panel

The Preview Panel shows you the rendering of your SQL chart.

<div align="left"><figure><img src="/files/dlDhV8N2XIAWxGe6UALW" alt="" width="563"><figcaption></figcaption></figure></div>

## Info Panel

The Info Panel shows you the data content of your SQL query, and other information like SQL execution history and performance.

<figure><img src="/files/kwpFkfXAmzuFNJSqGi6U" alt=""><figcaption></figcaption></figure>