Embed the ThoughtSpot Spotter experience. You can customize the text, logo, and other styles as per your theme.
import { AuthType, init } from "@thoughtspot/visual-embed-sdk";
import { ConversationEmbed } from "@thoughtspot/visual-embed-sdk/react";
init({
thoughtSpotHost: "https://your-instance.thoughtspot.cloud",
authType: AuthType.None,
});
// Embed the Spotter conversational AI experience
const SpotterPage = () => (
<ConversationEmbed
worksheetId="your-datasource-id"
frameParams={{ width: "100%", height: "100%" }}
/>
);Open in Codesandbox
$ git clone https://github.com/thoughtspot/developer-examples
$ cd visual-embed/spotter/spotter-embed
$ npm i
$ npm run dev
- React
- Typescript
- Web