# What

Hi, my name is Jorin and I am developing Shaper — A Minimal Solution for Embedded Analytics.

But what does __Embedded Analytics__ even mean?

Are your users asking for analytics features to get access to their data?
With embedded analytics your users get what they are asking for without you having to build this functionality from scratch.

Let's see what this can look like with Shaper!

The following is a live example of a dashboard embedded in this website. Go ahead, filter the data or download it as a CSV file:

<ShaperDashboard id="vmw80z157nz7200teo9l35yi" />


We created this dashboard using the Shaper editor:

<PrettyImg src={editorScreenshot} alt="Editor Screenshot" />

Then we embed the dashboard into our web application using JavaScript:
```javascript
shaper.dashboard({ container, dashboardId, getJwt })
```
We customize the look of the dashboards to fit our UI:
```css
--shaper-font: DMSans;
--shaper-primary-color: #a5cde6;
--shaper-text-color: #3d3f45;
/* ... */
```
And behind the scenes we can generate a JSON Web Token with permissions for the logged-in user to make sure they only see what they are allowed to:
```javascript
{ jwt } = await POST(api, { token, dashboardId, variables: { user_id } })
```

Obviously, the above example is publicly accessible on the internet, so we didn't have to authenticate the user.


## Why Shaper?

Building customized and deeply integrated data dashboards can get complicated — especially once users start coming back to you with new questions.

My goal with Shaper is to make embedded analytics so simple that you don't need a dedicated data team or pay a vendor to solve it for you.

Give it a try and let me know what you think.

<div class="flex justify-center md:pt-4 2xl:pt-6">
  <LinkButton href="/shaper/docs/getting-started/" class="font-semibold hover:underline !py-4">Get Started <Icon name="rocket" size="16px" /></LinkButton>
</div>

<NewsletterSignup />