Built with Next.js/TypeScript, Gemini with Google Search grounding for data retrieval, and ECharts for rendering.
Free to try, no signup needed for your first chart. Free tier gives you 5 charts/month.
Built with Next.js/TypeScript, Gemini with Google Search grounding for data retrieval, and ECharts for rendering.
Free to try, no signup needed for your first chart. Free tier gives you 5 charts/month.
moorst•1h ago
The interesting technical bit is the two-step flow. When you type a query, it first uses Gemini with Google Search grounding to find and validate the data, then a second call generates the ECharts config. I went with this approach instead of a single prompt because it made the data sourcing much more reliable. Caching common queries also keeps costs down. The screenshot feature uses Gemini's vision capabilities to extract the data from chart images and recreate them. Useful for pulling editable versions out of PDFs and reports. Stack: Next.js, TypeScript, Supabase, Vercel, Gemini API, ECharts. Some queries worth trying:
"S&P 500 performance over the last 10 years" "global CO2 emissions by country" "UK house prices since 2000" "programming language popularity"
Would love feedback on where the NL parsing breaks for you.