docs-mintlify/admin/connect-to-data/visualization-tools/appsmith.mdx
Appsmith is an open-source framework for building internal tools.
Here's a short video guide on how to connect Appsmith to Cube.
<iframe width="100%" height="400" src="https://www.loom.com/embed/8898c6394cac46568c2be6ae526b1fd5" title="Loom video" frameBorder="0" allowFullScreen />Navigate to the Integrations page, click Connect to Cube, and choose Appsmith to get detailed instructions.
You can connect a Cube deployment to Appsmith using the REST (JSON) API.
For a Cube instance publicly available at a specific HOST, the REST (JSON) API URL
would be HOST/cubejs-api/v1. Please refer to the
REST (JSON) API page for details.
You will also need to generate a JSON Web Token that would be used to authenticate requests to Cube.
Please check the Security page to learn how to generate a token. We suggest generating a long-lived JWT that won't expire soon.
Copy and paste the REST (JSON) API URL and the Authorization token to create a new data source in Appsmith.
<Frame> </Frame>Get your Cube query in the JSON query format ready. You can copy it from Cube’s Playground or compose manually:
<Frame> </Frame>Create a POST request, paste the JSON query in the Body. Make sure to add a
query parameter for your JSON query.
Because you saved the data source as HOST/cubejs-api/v1, don't forget to add a
/load endpoint to the end of the data source API.
Next, hit Run.
<Frame> </Frame>You have many options to display the data in Appsmith. For instance, you can display the data in a table widget. Also, you can create a chart widget and map the values to x and y coordinates accordingly, give a title and names to the axis.
<Frame> </Frame>