> ## Documentation Index
> Fetch the complete documentation index at: https://stedi.com/docs/llms.txt
> Use this file to discover all available pages before exploring further.

# JSONata Playground

[JSONata Playground](https://www.stedi.com/jsonata/playground) is a website that allows you to play around with [JSONata](https://jsonata.org) in a [REPL](https://en.wikipedia.org/wiki/Read%E2%80%93eval%E2%80%93print_loop)-like environment. You can learn more about the JSONata Playground by reading [this launch blog post](https://www.stedi.com/blog/jsonata-playground).

## Embedding the JSONata Playground into a website

### Good to know

The code snippet used for embedding the [JSONata Playground website](https://www.stedi.com/jsonata/playground) in an `iframe` will render the panels using a **horizontal layout** no matter the width of the parent site container.

### Guide

1. Navigate to the [JSONata Playground website](https://www.stedi.com/jsonata/playground).

2. **(Optional)**: change the contents of the *Source*/*JSONata* panels.

3. Click on the *"Embed"* button.

![Click on the "Embed" button](https://mintlify.s3.us-west-1.amazonaws.com/stediinc/images/mappings/jsonata-playground/image-1.png)

4. **(Optional)**: Click on the *"Size settings"* button to modify the heights of the individual panels and the total height of the embedded widget.

![(Optional) Click on "Size settings" button](https://mintlify.s3.us-west-1.amazonaws.com/stediinc/images/mappings/jsonata-playground/image-2.png)

4.1. Specify the total height (required) and, optionally, each individual panel height. Feel free to experiment with different height values to ensure the widget displays correctly where it is embedded.

![Specify the dimensions](https://mintlify.s3.us-west-1.amazonaws.com/stediinc/images/mappings/jsonata-playground/image-3.png)

5. Click on the *"Copy code"* button.

![Click on the "Copy code" button](https://mintlify.s3.us-west-1.amazonaws.com/stediinc/images/mappings/jsonata-playground/image-4.png)

6. Paste the copied code snippet where you would like to embed the JSONata Playground.