Welcome to TSE step-by-step, an introduction to ThoughtSpot Everywhere. This is a self-guided course with related video content. Each section is broken down into a concrete topic along with instructions on the steps to follow and code examples to let you work on the steps yourself.
If you would also like the video version, you can sign up for the free ThoughtSpot U course. The videos cover the content with demonstrations.
This course was created using version 8.8.0.cl, so some features may have changed since then. Please provide feedback in the discussion or issues. You should be on a more recent version of ThoughtSpot for some features.
For this tutorial you will need the following:
- A modern browser. Chrome is recommended, but not required. All examples will use Chrome.
- Access to ThoughtSpot with TSE enabled. If you don't have an account, you can create an account at https://thoughtspot.com/trial?tsref=dev=stepbystep.
- A web server that will host static web content (.html, .css, .js files). The examples will use
Python3's
http.server
module, but you can use Apache, Tomcat, etc. - A basic understanding of ThoughtSpot. This can be obtained by taking introductory courses. See the ThoughtSpot Training site for courses you can take to learn the basics.
Ideally you will have some experience with HTML and Javascript, but it's not required.
Lesson | Description |
---|---|
Lesson 1 - Introduction to TSE | This lesson provides an overall introduction to what TSE is and why you would want to use it. |
Lesson 2 - Setting up for the course | This lesson is all about getting set up and ready to code. You'll download the code and review the resources and tools that will be used. |
Lesson 3 - Security Setting | In this lesson we'll talk about the security settings and considerations you need for embedding. |
Lesson 4 - Start Coding | We're ready to start coding. In this lesson we'll set up the starter code, review the files we're working with and start the web server to verify everything is working. |
Lesson 5 - Embed Search | In this lesson we'll add code to initialize the SDK and embed a search component. |
Lesson 6 - Embed Liveboard | In this lesson we'll add code to to embed a liveboard and a liveboard visualization. |
Lesson 7 - Embed Application | Finally, we'll embed the full ThoughtSpot application. |
Lesson 8 - Styling ThoughtSpot | In this lesson we'll take a look at some styling options when embedding ThoughtSpot into your application. |
Lesson 9 - Code Helpers | This lesson covers two Javascript files that can be used to help when making API calls and handling custom actions. |
Lesson 10 - Custom Action | This lesson will show how to combine the visual embed SDK and custom actions to add new capabilities to ThoughtSpot. |
Lesson 11 - Custom Chart | This lesson uses the data API to get data and then render a custom chart using HighCharts. |
Lesson 12 - Summary and Next Steps | In this lesson, we wrap up the course with a few miscellaneous topics and some next steps. |