Get Started

CodeSpot

Playground

Documentation

Tutorials

What's new

Community

Resources

Free Trial

twitter:title

Interactive data apps made simple. Everything you need to build sticky and engaging analytics experiences your customers will love.

description

twitter:description

https://www.datocms-assets.com/46406/1659740971-ts_developer_home_social_card.jpg?auto=format&fit=max&w=1200

twitter:image

twitter:card

<MediaAndContent spacing="collapse" gap={0} className="hero" mediaAlign="right" mediaWidth="45%" contentWidth="55%" media={
	<Image className="hero_image" src="https://www.datocms-assets.com/46406/1659734537-ts_dev_home_hero_image.png" width="695" height="446" />
} content={
	<div className="hero_content">
		<h1>Embed analytics <br className="desktop_only" />with a few <br className="desktop_only" />lines of code</h1>
		<p>Use the Developer Playground and <br className="desktop_only" />Embed SDK to add AI-Powered analytics <br className="desktop_only" />to your webapp, with a few lines of code.</p>
		<Button appearance="solid" color="white" href="https://try-everywhere.thoughtspot.cloud/v2/#/everywhere/playground/search">Try it live</Button>
	</div>
}></MediaAndContent>

<SimpleContentBox spacing="collapse" id="intro">
	<div style={{maxWidth: '560px'}}>
		<h2>Build analytics solutions for the modern data stack</h2>
		<p><a href="https://thoughtspot.com/everywhere">ThoughtSpot Everywhere</a> empowers product builders and developers  to embed, share, and manage analytics solutions to increase app engagement  and build with the latest software development principles.</p>
	</div>
</SimpleContentBox>

<BlockLayout spacing="collapse">
	<div className="anchor_nav">
		<a href="#data_workspace">
			<Image src="https://www.datocms-assets.com/46406/1658443313-icon_connect.svg" width="54" height="43" />
			<p>Connect and transform data</p>
		</a>
		<a href="#visual_embed_sdk">
			<Image src="https://www.datocms-assets.com/46406/1658443314-icon_embed.svg" width="53" height="53" />
			<p>Embed into any app</p>
		</a>
		<a href="#custom_actions">
			<Image src="https://www.datocms-assets.com/46406/1658443316-icon_insights.svg" width="48" height="45" />
			<p>Take action on insights</p>
		</a>
		<a href="#platform_apis_and_tml">
			<Image src="https://www.datocms-assets.com/46406/1658443311-icon_apis.svg" width="60" height="43" />
			<p>Share and manage with APIs</p>
		</a>
	</div>
	
</BlockLayout>

<div className="row related_posts">
	<h2>Latest developer posts</h2>
	<BlogRelatedPosts category={49320323} />
<div style="margin-top:-30px">	<Button appearance="solid" color="white" href="https://www.thoughtspot.com/blogs/engineering">See all posts</Button>
</div></div>

<div className="row">
	<div className="desktop_only" style={{height: '804px', width: '378px', position: 'absolute', left: '-260px', top: '-85px', backgroundRepeat: 'no-repeat', backgroundPosition: 'top right', backgroundImage: 'url("https://www.datocms-assets.com/46406/1658523553-home_dots.svg")', opacity: .9}}></div>
</div>
	
<MediaAndContent gap={0} mediaAlign="left" mediaWidth="55%" contentWidth="45%" media={
	<Image src="https://www.datocms-assets.com/46406/1659721017-ts_dev_home_data_workspace_image.png" width="501" height="360" />
} content={
	<div className="media_and_content_wrapper">
		<div id="data_workspace" className="scroll_target"></div>
		<h2>Data Workspace</h2>
		<p>Generate worksheets and relationships and transform data from DBT models or SQL, allowing you to search your data and build live analytics instantly.</p>
		<Button appearance="solid" color="white" href="https://docs.thoughtspot.com/cloud/latest/data-workspace">Get started</Button>
	</div>
}></MediaAndContent>

<div className="row">
	<div className="desktop_only" style={{height: '619px', width: '447px', position: 'absolute', right: '-290px', top: '-85px', backgroundRepeat: 'no-repeat', backgroundPosition: 'top right', backgroundImage: 'url("https://www.datocms-assets.com/46406/1658523460-home_lines.svg")', opacity: .9}}></div>
</div>

<MediaAndContent mediaAlign="right" mediaWidth="55%" contentWidth="45%" media={
	<Image src="https://www.datocms-assets.com/46406/1658443298-home_media_2.png" width="501" height="360" />
} content={
	<div className="media_and_content_wrapper">
		<div id="visual_embed_sdk" className="scroll_target"></div>
		<h2>Visual Embed SDK</h2>
		<p>Embed search and visualizations into your webapps with a few lines of code using the Visual Embed SDK for Javascript and React.</p>
		<Button appearance="solid" color="white" href="https://developers.thoughtspot.com/docs/?pageid=visual-embed-sdk">Start building</Button>
	</div>
}></MediaAndContent>

<div className="mobile_only" style={{marginTop: '100px'}}></div>

<QuoteSliderWithNav quotes={[
	{
		quote: "When the Covid pandemic was ramping up we were able to deploy critical information to our global business leaders within days. Everyone was impressed with ThoughtSpot's capabilities.",
		image: 'https://www.datocms-assets.com/46406/1659716063-david_clifton_headshot.png',
		image_width: 290,
		image_height: 260,
		cite_name: 'David Clifton',
		cite_title: 'IT Developer Lead',
		cite_company: 'FieldCore Services Inc'
	}
]}></QuoteSliderWithNav>

<div className="mobile_only" style={{marginTop: '100px'}}></div>

<div className="row">
	<div className="desktop_only" style={{height: '619px', width: '447px', position: 'absolute', left: '-320px', top: '95px', backgroundRepeat: 'no-repeat', backgroundPosition: 'top right', backgroundImage: 'url("https://www.datocms-assets.com/46406/1658523460-home_lines.svg")', opacity: .9}}></div>
</div>

<MediaAndContent mediaAlign="left" mediaWidth="55%" contentWidth="45%" media={
	<Image src="https://www.datocms-assets.com/46406/1658524186-home_media_3.png" width="501" height="361" />
} content={
	<div className="media_and_content_wrapper">
		<div id="custom_actions" className="scroll_target"></div>
		<h2>Custom Actions</h2>
		<p>Trigger workflow, callout to webhooks, and push insights into connected apps like Slack, Salesforce and more.</p>
		<Button appearance="solid" color="white" href="https://developers.thoughtspot.com/docs/?pageid=custom-action-intro">Learn more</Button>
	</div>
}></MediaAndContent>

<div className="row">
	<div className="desktop_only" style={{height: '804px', width: '378px', position: 'absolute', right: '-290px', top: '-85px', backgroundRepeat: 'no-repeat', backgroundPosition: 'top right', backgroundImage: 'url("https://www.datocms-assets.com/46406/1658523553-home_dots.svg")', opacity: .9}}></div>
</div>

<MediaAndContent mediaAlign="right" mediaWidth="55%" contentWidth="45%" media={
	<Image src="https://www.datocms-assets.com/46406/1658524191-home_media_4.png" width="501" height="360" />
} content={
	<div className="media_and_content_wrapper">
		<div id="platform_apis_and_tml" className="scroll_target"></div>
		<h2>Platform APIs and TML</h2>
		<p>ThoughtSpot Modeling Language (TML) and Platform APIs let you define environments, visualizations, query data, integrate with devops processes, and manage users and groups like software.</p>
		<Button appearance="solid" color="white" href="https://developers.thoughtspot.com/docs/?pageid=rest-apis">Get started</Button>
	</div>
}></MediaAndContent>

<SimpleContentBox id="footer" spacing="collapse" textAlign="center" backgroundColor="#191919" color="dark" html={
	<>
		<h2 style={{maxWidth: '540px', margin: '0 auto'}}>Sign up for a free trial</h2>
		<p style={{maxWidth: '540px'}}></p>
		<div className={globalStyles.buttons} style={{marginTop: '35px'}}>
			<Button href="https://www.thoughtspot.com/trial?tsref=web-devsite" color="white" appearance="solid" >Sign up now</Button>
		</div>
	</>
} />


<MediaAndContent spacing="collapse" gap={0} className="hero" mediaAlign="right" mediaWidth="45%" contentWidth="55%" media={
	<Image className="hero_image" src="https://www.datocms-assets.com/46406/1659734537-ts_dev_home_hero_image.png" width="695" height="446" />
} content={
	<div className="hero_content">
		<h1>Embed analytics <br className="desktop_only" />with a few <br className="desktop_only" />lines of code</h1>
		<p>Use the Developer Playground and <br className="desktop_only" />Embed SDK to add AI-Powered analytics <br className="desktop_only" />to your webapp, with a few lines of code.</p>
		<Button appearance="solid" color="white" href="https://try-everywhere.thoughtspot.cloud/v2/#/everywhere/playground/search">Try it live</Button>
	</div>
}></MediaAndContent>

<SimpleContentBox spacing="collapse" id="intro">
	<div style={{maxWidth: '560px'}}>
		<h2>Build analytics solutions for the modern data stack</h2>
		<p><a href="https://thoughtspot.com/everywhere">ThoughtSpot Everywhere</a> empowers product builders and developers  to embed, share, and manage analytics solutions to increase app engagement  and build with the latest software development principles.</p>
	</div>
</SimpleContentBox>

<BlockLayout spacing="collapse">
	<div className="anchor_nav">
		<a href="#data_workspace">
			<Image src="https://www.datocms-assets.com/46406/1658443313-icon_connect.svg" width="54" height="43" />
			<p>Connect and transform data</p>
		</a>
		<a href="#visual_embed_sdk">
			<Image src="https://www.datocms-assets.com/46406/1658443314-icon_embed.svg" width="53" height="53" />
			<p>Embed into any app</p>
		</a>
		<a href="#custom_actions">
			<Image src="https://www.datocms-assets.com/46406/1658443316-icon_insights.svg" width="48" height="45" />
			<p>Take action on insights</p>
		</a>
		<a href="#platform_apis_and_tml">
			<Image src="https://www.datocms-assets.com/46406/1658443311-icon_apis.svg" width="60" height="43" />
			<p>Share and manage with APIs</p>
		</a>
	</div>
	
</BlockLayout>

<div className="row related_posts">
	<h2>Latest developer posts</h2>
	<BlogRelatedPosts category={49320323} />
<div style="margin-top:-30px">	<Button appearance="solid" color="white" href="https://www.thoughtspot.com/blogs/engineering">See all posts</Button>
</div></div>

<div className="row">
	<div className="desktop_only" style={{height: '804px', width: '378px', position: 'absolute', left: '-260px', top: '-85px', backgroundRepeat: 'no-repeat', backgroundPosition: 'top right', backgroundImage: 'url("https://www.datocms-assets.com/46406/1658523553-home_dots.svg")', opacity: .9}}></div>
</div>
	
<MediaAndContent gap={0} mediaAlign="left" mediaWidth="55%" contentWidth="45%" media={
	<Image src="https://www.datocms-assets.com/46406/1659721017-ts_dev_home_data_workspace_image.png" width="501" height="360" />
} content={
	<div className="media_and_content_wrapper">
		<div id="data_workspace" className="scroll_target"></div>
		<h2>Data Workspace</h2>
		<p>Generate worksheets and relationships and transform data from DBT models or SQL, allowing you to search your data and build live analytics instantly.</p>
		<Button appearance="solid" color="white" href="https://docs.thoughtspot.com/cloud/latest/data-workspace">Get started</Button>
	</div>
}></MediaAndContent>

<div className="row">
	<div className="desktop_only" style={{height: '619px', width: '447px', position: 'absolute', right: '-290px', top: '-85px', backgroundRepeat: 'no-repeat', backgroundPosition: 'top right', backgroundImage: 'url("https://www.datocms-assets.com/46406/1658523460-home_lines.svg")', opacity: .9}}></div>
</div>

<MediaAndContent mediaAlign="right" mediaWidth="55%" contentWidth="45%" media={
	<Image src="https://www.datocms-assets.com/46406/1658443298-home_media_2.png" width="501" height="360" />
} content={
	<div className="media_and_content_wrapper">
		<div id="visual_embed_sdk" className="scroll_target"></div>
		<h2>Visual Embed SDK</h2>
		<p>Embed search and visualizations into your webapps with a few lines of code using the Visual Embed SDK for Javascript and React.</p>
		<Button appearance="solid" color="white" href="https://developers.thoughtspot.com/docs/?pageid=visual-embed-sdk">Start building</Button>
	</div>
}></MediaAndContent>

<div className="mobile_only" style={{marginTop: '100px'}}></div>

<QuoteSliderWithNav quotes={[
	{
		quote: "When the Covid pandemic was ramping up we were able to deploy critical information to our global business leaders within days. Everyone was impressed with ThoughtSpot's capabilities.",
		image: 'https://www.datocms-assets.com/46406/1659716063-david_clifton_headshot.png',
		image_width: 290,
		image_height: 260,
		cite_name: 'David Clifton',
		cite_title: 'IT Developer Lead',
		cite_company: 'FieldCore Services Inc'
	}
]}></QuoteSliderWithNav>

<div className="mobile_only" style={{marginTop: '100px'}}></div>

<div className="row">
	<div className="desktop_only" style={{height: '619px', width: '447px', position: 'absolute', left: '-320px', top: '95px', backgroundRepeat: 'no-repeat', backgroundPosition: 'top right', backgroundImage: 'url("https://www.datocms-assets.com/46406/1658523460-home_lines.svg")', opacity: .9}}></div>
</div>

<MediaAndContent mediaAlign="left" mediaWidth="55%" contentWidth="45%" media={
	<Image src="https://www.datocms-assets.com/46406/1658524186-home_media_3.png" width="501" height="361" />
} content={
	<div className="media_and_content_wrapper">
		<div id="custom_actions" className="scroll_target"></div>
		<h2>Custom Actions</h2>
		<p>Trigger workflow, callout to webhooks, and push insights into connected apps like Slack, Salesforce and more.</p>
		<Button appearance="solid" color="white" href="https://developers.thoughtspot.com/docs/?pageid=custom-action-intro">Learn more</Button>
	</div>
}></MediaAndContent>

<div className="row">
	<div className="desktop_only" style={{height: '804px', width: '378px', position: 'absolute', right: '-290px', top: '-85px', backgroundRepeat: 'no-repeat', backgroundPosition: 'top right', backgroundImage: 'url("https://www.datocms-assets.com/46406/1658523553-home_dots.svg")', opacity: .9}}></div>
</div>

<MediaAndContent mediaAlign="right" mediaWidth="55%" contentWidth="45%" media={
	<Image src="https://www.datocms-assets.com/46406/1658524191-home_media_4.png" width="501" height="360" />
} content={
	<div className="media_and_content_wrapper">
		<div id="platform_apis_and_tml" className="scroll_target"></div>
		<h2>Platform APIs and TML</h2>
		<p>ThoughtSpot Modeling Language (TML) and Platform APIs let you define environments, visualizations, query data, integrate with devops processes, and manage users and groups like software.</p>
		<Button appearance="solid" color="white" href="https://developers.thoughtspot.com/docs/?pageid=rest-apis">Get started</Button>
	</div>
}></MediaAndContent>

<SimpleContentBox id="footer" spacing="collapse" textAlign="center" backgroundColor="#191919" color="dark" html={
	<Fragment>
		<h2 style={{maxWidth: '540px', margin: '0 auto'}}>Sign up for a free trial</h2>
		<p style={{maxWidth: '540px'}}></p>
		<div className="global_buttons__vqHTT" style={{marginTop: '35px'}}>
			<Button href="https://www.thoughtspot.com/trial?tsref=web-devsite" color="white" appearance="solid" >Sign up now</Button>
		</div>
	</Fragment>
} />


Embed analytics
with a few
lines of code

Build analytics solutions for the modern data stack

Latest developer posts

Data Workspace

Visual Embed SDK

Custom Actions

Platform APIs and TML

Sign up for a free trial

Product

Solutions

Resources

About Us

Connect

Embed analytics with a few lines of code

Build analytics solutions for the modern data stack

Latest developer posts

Data Workspace

Visual Embed SDK

Custom Actions

Platform APIs and TML

Sign up for a free trial

Product

Solutions

Resources

About Us

Connect

Embed analytics
with a few
lines of code