> ## Documentation Index
> Fetch the complete documentation index at: https://wundergraphinc-ale-router-150-router-add-metric-request-tim.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

# Playground++

> Enhanced GraphiQL with Advanced Request Tracing to test and optimize your queries

<Frame caption="Enhanced GraphiQL Playground">
  <img src="https://mintcdn.com/wundergraphinc-ale-router-150-router-add-metric-request-tim/sCKBiSnzDS71FGkR/images/studio/employee-query-in-graphiql-playground.png?fit=max&auto=format&n=sCKBiSnzDS71FGkR&q=85&s=21ed46524c400d67f3228bc184ede42b" alt="GraphiQL playground employee query with data visualization in WunderGraph" title="Employee query in GraphiQL playground" width="2304" height="1406" data-path="images/studio/employee-query-in-graphiql-playground.png" />
</Frame>

The playground is enhanced with visual representations of the query execution plan along with details like timings, inputs, and outputs for each subgraph and much more. The `X-WG-TRACE` header must be included to enable the visualization. It is available in 2 modes tree view and waterfall view.

<Info>
  For more information about Advanced Request Tracing (ART) click [here](/router/advanced-request-tracing-art)
</Info>

<Frame caption="Waterfall View">
  <img src="https://mintcdn.com/wundergraphinc-ale-router-150-router-add-metric-request-tim/Dyx6ClvNssk1nZDv/images/studio/parallel-queries-for-employees-and-products.png?fit=max&auto=format&n=Dyx6ClvNssk1nZDv&q=85&s=2b3b42332ca99982a3bcd59934ed6bec" alt="GraphiQL playground parallel queries for employees and products with timing visualization" title="Parallel queries for employees and products" width="2304" height="1406" data-path="images/studio/parallel-queries-for-employees-and-products.png" />
</Frame>
