---
asIndexPage: true
---

# Connecting to visualization tools

Choose a tool to get started with below.

<InfoBox>

If you'd like to connect to a tool which is not yet present on this
page, please [file an issue](https://github.com/cube-js/cube/issues) on GitHub.

</InfoBox>

## BI & data exploration

<Grid imageSize={[56, 56]}>
  <GridItem
    url="visualization-tools/quicksight"
    imageUrl="https://static.cube.dev/icons/quicksight.svg"
    title="Amazon QuickSight"
  />
  <GridItem
    url="visualization-tools/superset"
    imageUrl="https://static.cube.dev/icons/superset.svg"
    title="Apache Superset"
  />
  <GridItem
    url="visualization-tools/hashboard"
    imageUrl="https://static.cube.dev/icons/hashboard.svg"
    title="Hashboard"
  />
  <GridItem
    url="visualization-tools/klipfolio"
    imageUrl="https://static.cube.dev/icons/klipfolio-light.svg"
    title="Klipfolio"
  />
  <GridItem
    url="visualization-tools/looker-studio"
    imageUrl="https://static.cube.dev/icons/looker.svg"
    title="Looker Studio"
  />
  <GridItem
    url="visualization-tools/metabase"
    imageUrl="https://static.cube.dev/icons/metabase.svg"
    title="Metabase"
  />
  <GridItem
    url="visualization-tools/powerbi"
    imageUrl="https://static.cube.dev/icons/power-bi-dark.svg"
    title="Microsoft Power BI"
  />
  <GridItem
    url="visualization-tools/superset"
    imageUrl="https://static.cube.dev/icons/preset.svg"
    title="Preset"
  />
  <GridItem
    url="visualization-tools/push-ai"
    imageUrl="https://static.cube.dev/icons/push-ai-light.svg"
    title="Push.ai"
  />
  <GridItem
    url="visualization-tools/qlik-sense"
    imageUrl="https://static.cube.dev/icons/qlik-sense.svg"
    title="Qlik Sense"
  />
  <GridItem
    url="visualization-tools/sigma"
    imageUrl="https://static.cube.dev/icons/sigma.svg"
    title="Sigma"
  />
  <GridItem
    url="visualization-tools/steep"
    imageUrl="https://static.cube.dev/icons/steep-light.svg"
    title="Steep"
  />
  <GridItem
    url="visualization-tools/tableau"
    imageUrl="https://static.cube.dev/icons/tableau.svg"
    title="Tableau"
  />
  <GridItem
    url="visualization-tools/thoughtspot"
    imageUrl="https://static.cube.dev/icons/thoughtspot.svg"
    title="ThoughtSpot"
  />
</Grid>

You might be able to connect to BI tools not listed here via the [SQL
API](/product/apis-integrations/sql-api).

## Spreadsheets

<Grid imageSize={[56, 56]}>
  <GridItem
    url="visualization-tools/google-sheets"
    imageUrl="https://static.cube.dev/icons/google-sheets.svg"
    title="Google Sheets"
  />
  <GridItem
    url="visualization-tools/excel"
    imageUrl="https://static.cube.dev/icons/excel.svg"
    title="Microsoft Excel"
  />
</Grid>

## Notebooks

<Grid imageSize={[56, 56]}>
  <GridItem
    url="visualization-tools/deepnote"
    imageUrl="https://static.cube.dev/icons/deepnote.svg"
    title="Deepnote"
  />
  <GridItem
    url="visualization-tools/hex"
    imageUrl="https://static.cube.dev/icons/hex.svg"
    title="Hex"
  />
  <GridItem
    url="visualization-tools/jupyter"
    imageUrl="https://static.cube.dev/icons/jupyter.svg"
    title="Jupyter"
  />
  <GridItem
    url="visualization-tools/observable"
    imageUrl="https://static.cube.dev/icons/observable.svg"
    title="Observable"
  />
  <GridItem
    url="visualization-tools/streamlit"
    imageUrl="https://static.cube.dev/icons/streamlit.svg"
    title="Streamlit"
  />
</Grid>

## Customer data platforms

<Grid imageSize={[56, 56]}>
  <GridItem
    url="visualization-tools/hightouch"
    imageUrl="https://static.cube.dev/icons/hightouch-dark.svg"
    title="Hightouch"
  />
  <GridItem
    url="visualization-tools/rudderstack"
    imageUrl="https://static.cube.dev/icons/rudderstack.svg"
    title="RudderStack"
  />
</Grid>

## Data governance

<Grid imageSize={[56, 56]}>
  <GridItem
    url="visualization-tools/unity-catalog"
    imageUrl="https://static.cube.dev/icons/databricks.svg"
    title="Databricks Unity Catalog"
  />
</Grid>

## AI & LLM

The following tools deliver data insights closer to end users, e.g., by
providing a conversational interface for semantic layer:

<Grid imageSize={[56, 56]}>
  <GridItem
    url="visualization-tools/langchain"
    imageUrl="https://static.cube.dev/icons/langchain.svg"
    title="LangChain"
  />
</Grid>

## Low-code tools

<Grid imageSize={[56, 56]}>
  <GridItem
    url="visualization-tools/appsmith"
    imageUrl="https://static.cube.dev/icons/appsmith.svg"
    title="Appsmith"
  />
  <GridItem
    url="visualization-tools/bubble"
    imageUrl="https://static.cube.dev/icons/bubble.svg"
    title="Bubble"
  />
  <GridItem
    url="visualization-tools/budibase"
    imageUrl="https://static.cube.dev/icons/budibase.svg"
    title="Budibase"
  />
  <GridItem
    url="visualization-tools/retool"
    imageUrl="https://static.cube.dev/icons/retool.svg"
    title="Retool"
  />
</Grid>

You can also find <a href="https://cube.dev/blog/category/low-code">relevant
step-by-step guides</a> in the blog.

## Frontend integrations

Cube provides integration libraries for popular front-end frameworks:

<Grid imageSize={[56, 56]}>
  <GridItem
    url="/product/apis-integrations/javascript-sdk/angular"
    imageUrl="https://static.cube.dev/icons/angular.svg"
    title="Angular"
  />
  <GridItem
    url="/product/apis-integrations/javascript-sdk/react"
    imageUrl="https://static.cube.dev/icons/react.svg"
    title="React"
  />
  <GridItem
    url="/product/apis-integrations/javascript-sdk/vue"
    imageUrl="https://static.cube.dev/icons/vue.svg"
    title="Vue"
  />
</Grid>

## APIs references

All integrations above are powered by the following APIs. If you're a data
engineer, please explore the SQL API. If you're an application developer, check
out REST and GraphQL APIs.

<Grid imageSize={[56, 56]}>
  <GridItem
    url="/product/apis-integrations/sql-api"
    imageUrl="https://static.cube.dev/icons/sql.svg"
    title="SQL API"
  />
  <GridItem
    url="/product/apis-integrations/rest-api"
    imageUrl="https://static.cube.dev/icons/rest.svg"
    title="REST API"
  />
  <GridItem
    url="/product/apis-integrations/graphql-api"
    imageUrl="https://static.cube.dev/icons/graphql.svg"
    title="GraphQL API"
  />
</Grid>
