End-to-end tutorial: Setting up superset embedded analytics dashboard

Hello, this marks the beginning of my journey in sharing insights on Machine Learning, SRE, and Analytics. I hope someone finds it useful :)

Here is a brief demo clip of what we are going to build. A simple ReactJS app with Superset dashboard embedded in it with proper authentication.

Overview

Embedded Analytics is far from a novel concept, yet the way we interact with it needs a modern touch. In an era dominated by mobile apps, Single Page Applications (SPAs), and cutting-edge Large Language Models (LLMs), hopping over to a separate page or app for analytics feels outdated — almost like a relic from 2022!

So, what’s the solution? We’re crafting a streamlined ReactJS application that seamlessly integrates Superset for in-app analytics. Here’s a quick overview of the architecture:

1. Data Preparation: Start with data that’s primed for analysis.
2. Dashboard Creation: Use Superset to design your analytics dashboard.
3. User Interaction (frontend): When a user accesses the React app, an API request is sent to your authentication backend.
4. Token Retrieval…