Developer Playground

Developer Playground is a web-based tool which helps to generate and view the data schema, build and execute queries, plot the results, and generate dashboard applications from a variety of templates for different frontend frameworks and data visualization libraries.

Developer Playground is available on http://localhost:4000 when Cube.js is run in development mode.

Here's an example of building a query and plotting the results in Developer Playground:

Playground Query and Results Example

You can use query tabs to keep results of previous queries while still being able to make new queries. The query tabs can be found at the top of the Developer Playground:

Cube.js Developer Playground Tabs

The Security Context used for requests can be modified by clicking the Edit Security Context button at the top of the playground:

You can paste in an existing JWT if desired; or create a brand-new one by providing a JSON object that represents the decoded JWT.

Developer playground is only enabled when CUBEJS_DEV_MODE is set to true. Since Playground exposes data schema and admin access to all the possible queries, we do not recommend running it on a production instance. You can use Cube.js frontend SDKs to build your own query builder and use it to query your Cube.js API in a secure way.

You can also securely run Playground on top of the production Cube.js instance inside Cube Cloud.

Cube.js Developer Playground

Did you find this page useful?