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

# Playground

> Interactive API testing environment

## API Playground

The playground allows you to test our APIs interactively without writing any code. Perfect for prototyping and testing your scraping configurations.

<Frame>
  <img src="https://mintcdn.com/scrapegraphaiinc-9e950277/-lAF9QqbI-oSEWW-/images/dashboard/playground-1.png?fit=max&auto=format&n=-lAF9QqbI-oSEWW-&q=85&s=73a9a058bb7e19e638e9ee28fbeca1d6" alt="API Playground Interface" width="1916" height="994" data-path="images/dashboard/playground-1.png" />
</Frame>

### Available Services

Choose from our three main services in the center panel:

* [**SmartScraper**](/services/smartscraper): AI-powered scraping for any website
* [**SearchScraper**](/services/searchscraper): Find and extract any data using AI starting from a prompt
* [**Markdownify**](/services/markdownify): Convert web content to clean Markdown

### Interactive Features

* **Service Info**: The right sidebar provides detailed information about the selected service
* **Example Labels**: Click on pre-made examples to populate the playground with common use cases
* **Run Button**: Execute your configuration instantly
* **Code Examples**: Click the code button next to run to see implementation in:
  * [Python SDK](/sdks/python)
  * [JavaScript SDK](/sdks/javascript)
  * cURL commands

## Output Schema Configuration

Define exactly what data you want to extract:

<Frame>
  <img src="https://mintcdn.com/scrapegraphaiinc-9e950277/YyZCOJZ2S-0C1Ind/images/dashboard/playground-2.png?fit=max&auto=format&n=YyZCOJZ2S-0C1Ind&q=85&s=347f1938b7d8eaac7ecf106426f17b68" alt="Schema Configuration" width="700" height="720" data-path="images/dashboard/playground-2.png" />
</Frame>

### Schema Features

* **Custom Extraction**: Specify the structure of your desired output
* **Schema Editor**: Visual interface for defining data fields
* **Preview**: See how your schema maps to the extracted data
* **Multiple Formats**: Preview and copy your schema in:
  * Pydantic (Python)
  * Zod (TypeScript)
  * JSON Schema

## Code Examples

Click the code button to view implementation examples:

<Frame>
  <img src="https://mintcdn.com/scrapegraphaiinc-9e950277/YyZCOJZ2S-0C1Ind/images/dashboard/playground-3.png?fit=max&auto=format&n=YyZCOJZ2S-0C1Ind&q=85&s=2f631ff788fcb9743c0ae9ef8974e16c" alt="Code Examples Sidebar" width="1099" height="720" data-path="images/dashboard/playground-3.png" />
</Frame>

### Available Implementations

The code sidebar shows you how to implement your current playground configuration using:

* **Python SDK**: Ready-to-use Python code using our [official SDK](/sdks/python)
* **JavaScript SDK**: JavaScript/TypeScript implementation with our [JS SDK](/sdks/javascript)
* **cURL**: Direct API calls for command-line usage

<Tip>
  Copy the code directly from the sidebar to use in your own applications!
</Tip>

<Tip>
  Use the code examples button to see how your playground configuration translates into actual API calls using our SDKs!
</Tip>