Pivot Dataing App

A data discovery and dashboarding experience built on Luzmo. Match or unmatch charts to build your favorite dashboard.

This project demonstrates how to build an interactive analytics application using React, TypeScript, and Vite, powered by Luzmo embedded analytics and Analytics Components Kit (ACK).

Features

• React + Vite architecture — modern frontend setup
• Luzmo embedded analytics — render dashboards and visualizations
• ACK editing panels — configure chart slots and options
• Dashboard flow — create and manage dashboard-like experiences
• AI-assisted analytics — generate charts and summaries
• CSV export — export visualization data where supported
• Lucero components — UI elements like buttons and loaders

Tech Stack

• React
• TypeScript
• Vite
• @luzmo/embed
• @luzmo/analytics-components-kit
• @luzmo/lucero

Getting Started

1. Create a .env file based on .env.example.
2. Add your Luzmo credentials and any other required configuration values.

Example:

VITE_LUZMO_AUTH_KEY=your-luzmo-auth-key
VITE_LUZMO_AUTH_TOKEN=your-luzmo-auth-token

3. Install dependencies and start the development server:

npm install
npm run dev

The Vite dev server starts at http://localhost:5173.

Build

npm run build
npm run preview

Further Reading

See AGENTS.md for coding standards, architecture rules, and agent guidance.