docs/content/product/configuration/visualization-tools/retool.mdx
Retool is the fast way to build internal tools. It lets you visually design apps that interface with any database or API.
Here's a short video guide on how to connect Retool to Cube.
<LoomVideo url="https://www.loom.com/embed/e0f5584068a44df0981372ceac85a21f" />Navigate to the Integrations page, click <Btn>Connect to Cube</Btn>, and choose <Btn>Retool</Btn> to get detailed instructions.
You can connect a Cube deployment to Retool using the REST API.
Create a new "REST API" resource in Retool.
<Screenshot src="https://ucarecdn.com/8a07d9ac-f33b-4aa1-8089-515694e56a63/" />Next, copy and paste Cube's REST API URL and the Authorization token.
<Screenshot src="https://ucarecdn.com/fdab9eaa-737b-4ef9-9e08-ad15aaa2fe29/" />Get your Cube query in the JSON query format ready. You can copy it from Cube’s Playground or compose manually.
Create a POST request, paste the JSON query in the Body. Make sure to add a
query parameter for your JSON query.
Because the Cube REST API has the format of HOST/cubejs-api/v1, don't forget
to add the /load endpoint to the end of the data source API.
Next, hit Run.
<Screenshot src="https://ucarecdn.com/59b0b8a3-9efe-49d6-a2ed-4027524b8965/" />Retool has an amazing feature where you can drag and drop UI components into the dashboard. You can use this to add a tables, bar charts, and much more.
Because the name of the Retool query in the example is OrdersByMonth, using
the data binding curly brackets will populate the charts with data from the REST
API.
{{OrdersByMonth.data.data}}
Reference the name of the query in your Retool charts.
<Screenshot src="https://ucarecdn.com/1b5e577a-3a1f-40b3-9a3d-b535b2cbaa8d/" />Get nicely rendered charts.
<Screenshot src="https://ucarecdn.com/0bb0b430-29f5-407b-8be1-7bc197359927/" />