Interactive React analytics dashboard from raw data in Gemini Canvas

Muhammad Ali @I_Muhammadali44

In short: This prompt asks your AI to build a clean, interactive React analytics dashboard in Canvas for INSERT BUSINESS TYPE using this dataset: PASTE YOUR RAW CSV / DATA HERE… Fill in [INSERT BUSINESS TYPE], [PASTE YOUR RAW CSV / DATA HERE].

Research & bot promptsWorks with Gemini
Tune for my AI

Shared publicly by Muhammad Ali (@I_Muhammadali44) on X. Text is as posted. X profile · Original post · Report or remove
Build a clean, interactive React analytics dashboard in Canvas for [INSERT BUSINESS TYPE] using this dataset:
[PASTE YOUR RAW CSV / DATA HERE]
Requirements:
➔ Add KPI summary cards for key metrics (e.g., Revenue, Units Sold).
➔ Add a primary column chart for trends and a donut chart for breakdowns.
➔ Add a searchable and sortable data table at the bottom.
➔ Style: [e.g., Modern Dark Mode with Emerald accents].
➔ Add dynamic category filters and an Export Image button.
➔ Use the supplied dataset as the source of truth and hardcode the data values directly into the React components to prevent fabricated metrics.

Fill in the [PLACEHOLDERS] before sending. Never paste real customer data into an AI tool you don't control.

Got a prompt that works for you? Add your prompt. It takes a minute.

Sourced from a public post

Some links are affiliate or sponsored: we may earn a commission at no cost to you. Sponsor this spot →

Related prompts

Browse: Research & bot prompts · More Gemini prompts

Something wrong with this prompt? Contact us or submit a better one.