# Production Deployment

## Install Instructions:

This document outlines the installation and setup instructions for the Vitaracharts plugin on Thoughtspot.

### Prerequisites:

Before installation, ensure the following requirements are met:

* Admin access to Thoughtspot
* Ability to modify security settings
* Internet access to connect to \*.vitaracharts.com
* **Access token from VitaraCharts**: Customers must request an access token from VitaraCharts before installation, if not already provided. VitaraCharts will generate and provide this token to the customers.

### Pre-Install Configuration:

Prior to installation of the charts, the following configuration changes need to be made by the administrator

1\. Go to Developer -> All Orgs-> Customisations -> Security settings

2\. Add \*.[vitaracharts.com](http://vitaracharts.com/) in ‘Permitted iFrame domains’ and ‘CSP img-src domains’

### **Installing VitaraCharts in Thoughtspot:**

1. Navigate to the **ADMIN** page
2. Click on **Chart Customization**
3. Select **Custom Charts**
4. Click **Add Chart** option and fill in the details as follows:

* **Name**: Provide a suitable for the chart from the table below.
* **Application URL**: Retrieve the corresponding URL from the table below.
* **Access Token**: Enter the access token provided by Vitara here.
* **Icon URL**: Retrieve the corresponding Icon URL from the table below. 

| **Visualization**     | **Application Url**                                                                             | **Icon Url**                                                               |
| --------------------- | ----------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------- |
| Vitara Bar Chart      | <https://vchost.vitaracharts.com/tsdownloads/prod/latest/VitaraHCBarChart/index.html>           | <https://vchost.vitaracharts.com/tsdownloads/icons/barChart.png>           |
| Vitara Column         | <https://vchost.vitaracharts.com/tsdownloads/prod/latest/VitaraHCColumnChart/index.html>        | <https://vchost.vitaracharts.com/tsdownloads/icons/columnChart.png>        |
| Vitara Line           | <https://vchost.vitaracharts.com/tsdownloads/prod/latest/VitaraHCLineChart/index.html>          | <https://vchost.vitaracharts.com/tsdownloads/icons/lineChart.png>          |
| Vitara Sparkline      | <https://vchost.vitaracharts.com/tsdownloads/prod/latest/VitaraHCSparklineChart/index.html>     | <https://vchost.vitaracharts.com/tsdownloads/icons/sparklineChart.png>     |
| Vitara Slope          | <https://vchost.vitaracharts.com/tsdownloads/prod/latest/VitaraHCSlopeChart/index.html>         | <https://vchost.vitaracharts.com/tsdownloads/icons/slopeChart.png>         |
| Vitara Area           | <https://vchost.vitaracharts.com/tsdownloads/prod/latest/VitaraHCAreaChart/index.html>          | <https://vchost.vitaracharts.com/tsdownloads/icons/areaChart.png>          |
| Vitara Stacked Bar    | <https://vchost.vitaracharts.com/tsdownloads/prod/latest/VitaraHCStackedBarChart/index.html>    | <https://vchost.vitaracharts.com/tsdownloads/icons/stackedBarChart.png>    |
| Vitara Stacked Column | <https://vchost.vitaracharts.com/tsdownloads/prod/latest/VitaraHCStackedColumnChart/index.html> | <https://vchost.vitaracharts.com/tsdownloads/icons/stackedColumnChart.png> |
| Vitara Dumbbell       | <https://vchost.vitaracharts.com/tsdownloads/prod/latest/VitaraHCDumbbellChart/index.html>      | <https://vchost.vitaracharts.com/tsdownloads/icons/dumbbellChart.png>      |
| Vitara Tornado        | <https://vchost.vitaracharts.com/tsdownloads/prod/latest/VitaraHCTornadoChart/index.html>       | <https://vchost.vitaracharts.com/tsdownloads/icons/tornadoChart.png>       |
| Vitara Funnel         | <https://vchost.vitaracharts.com/tsdownloads/prod/latest/VitaraHCFunnelChart/index.html>        | <https://vchost.vitaracharts.com/tsdownloads/icons/funnelChart.png>        |
| Vitara Pie            | <https://vchost.vitaracharts.com/tsdownloads/prod/latest/VitaraHCPieChart/index.html>           | <https://vchost.vitaracharts.com/tsdownloads/icons/donutChart.png>         |
| Vitara Angular Gauge  | <https://vchost.vitaracharts.com/tsdownloads/prod/latest/VitaraHCAngularGaugeChart/index.html>  | <https://vchost.vitaracharts.com/tsdownloads/icons/angularGauge.png>       |
| Vitara Waffle         | <https://vchost.vitaracharts.com/tsdownloads/prod/latest/VitaraD3WaffleChart/index.html>        | <https://vchost.vitaracharts.com/tsdownloads/icons/waffleChart.png>        |
| Vitara Simple KPI     | <https://vchost.vitaracharts.com/tsdownloads/prod/latest/VitaraSimpleKPIChart/index.html>       | <https://vchost.vitaracharts.com/tsdownloads/icons/kpi.png>                |
| Vitara KPI Animation  | <https://vchost.vitaracharts.com/tsdownloads/prod/latest/VitaraKPIAnimationChart/index.html>    | <https://vchost.vitaracharts.com/tsdownloads/icons/gauge.png>              |
| Vitara Grid           | <https://vchost.vitaracharts.com/tsdownloads/prod/latest/VitaraGridChart/index.html>            | <https://vchost.vitaracharts.com/tsdownloads/icons/grid.png>               |
| Vitara Waterfall      | <https://vchost.vitaracharts.com/tsdownloads/prod/latest/VitaraHCWaterfallChart/index.html>     | <https://vchost.vitaracharts.com/tsdownloads/icons/waterfallChart.png>     |
| Vitara Sankey         | <https://vchost.vitaracharts.com/tsdownloads/prod/latest/VitaraHCSankeyChart/index.html>        | <https://vchost.vitaracharts.com/tsdownloads/icons/sankey.png>             |
| Vitara KPI Ring       | <https://vchost.vitaracharts.com/tsdownloads/prod/latest/VitaraHCKPIRingChart/index.html>       | <https://vchost.vitaracharts.com/tsdownloads/icons/kpiRing.png>            |
| Vitara Column Range   | <https://vchost.vitaracharts.com/tsdownloads/prod/latest/VitaraHCColumnRangeChart/index.html>   | <https://vchost.vitaracharts.com/tsdownloads/icons/columnRangeChart.png>   |
| Vitara Bullet         | <https://vchost.vitaracharts.com/tsdownloads/prod/latest/VitaraHCBulletChart/index.html>        | <https://vchost.vitaracharts.com/tsdownloads/icons/bulletChart.png>        |
| Vitara Bubble         | <https://vchost.vitaracharts.com/tsdownloads/prod/latest/VitaraHCBubbleChart/index.html>        | <https://vchost.vitaracharts.com/tsdownloads/icons/bubbleChart.png>        |
| Vitara Circle Packing | <https://vchost.vitaracharts.com/tsdownloads/prod/latest/VitaraD3CirclePackingChart/index.html> | <https://vchost.vitaracharts.com/tsdownloads/icons/circlePackingChart.png> |

### **Example: Vitara Grid Installation Screenshot**

Below is an example screenshot showing the configuration for the Vitara Grid Chart in ThoughtSpot:

Please note that fields highlighted in yellow are mandatory. Refer to the table above for the corresponding charts.

![](https://lh7-rt.googleusercontent.com/docsz/AD_4nXfhusdup9hTOefs6qffZ8JYr1N5hdHnbxwZ7m5WZqSozy1frOgDR99Ea94lt65ySHfY0veuC68m_zyPdV0c_1qt4LoXtSR1gk9SHYOOq_mM3V_DiDn4I30n3FWRzi9FH0VqAEt46w?key=EKK2F5w20MfMnuOJnVhuZHDh)

<br>

{% hint style="info" %}
**After migrating from the trial version to production, clear the cache to ensure proper functionality.**
{% endhint %}

A quick video intro of Vitaracharts for Thoughtspot available here : <https://youtu.be/S-TtvQeRC8M>

After installation, Vitaracharts documentation can be accessed here: <https://tsdocs.vitaracharts.com>.

For any questions or issues pertaining to Vitaracharts, contact us <support@vitaracharts.com>.

<br>