End-to-end tutorial: Setting up superset embedded analytics dashboard
World of Embedded Analytic
Hello, this marks the beginning of my journey in sharing insights on Machine Learning, SRE, and Analytics. I hope someone finds it useful :)
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:
Data Preparation: Start with data that’s primed for analysis.
Dashboard Creation: Use Superset to design your analytics dashboard.
User Interaction (frontend): When a user accesses the React app, an API request is sent to your authentication backend.
Token Retrieval (backend): The backend returns a guest_token, enabling secure dashboard embedding within the React app.
The process of preparing your data for analysis is a topic that merits its own discussion. 😉 If you’re interested, let me know, and I’ll delve into it in a future piece. Also, stay tuned for my take on the future of analytics — spoiler alert, it involves LLM 🤣 🤷♂️
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.