AI Model Reviewer

050 Budget Pie Planner

Budget Pie Planner: A monthly budget planner: enter income, then add expense categories with amounts.

More

1 test · 2 finished runs (0 agent, 2 raw one-shot) · 2 live demos

The prompt

Budget Pie Planner: A monthly budget planner: enter income, then add expense categories with amounts. A donut chart updates live with each category's share, remaining money is shown as a coloured bar, overspending turns it red, and the data exports to a CSV file download. Build it as ONE self-contained HTML file: inline CSS and JavaScript only, no libraries or frameworks, and no external requests of any kind (no CDNs, web fonts, images or audio files); anything visual or audible is made in code (HTML/CSS, SVG, Canvas, WebGL or WebAudio). It must work when opened directly from disk, fit the browser window responsively, and run without console errors. Output ONLY the complete HTML file, starting with <!DOCTYPE html> and ending with </html>, with no explanation or markdown fences.

Same prompt, all models: step through 2 runsIn the gallery: one player, arrow keys or swipe.

2 of 2 runs shown