▸case-04 We are building a logistics fleet tracking dashboard. Please write a Python FastAPI REST endpoint with SQLModel/SQLAlchemy to query vehicle GPS positions and return JSON payload containing battery levels, speed, and active alerts over the last 24 hours. Output the Python backend code. | pass→fail | 21,965 | 29,305 | +33% | 1 | 1 | 0% | 5,139 | 6,758 | +32% | 0 | 0 | — |
▸case-05 Create a design system token specification file in Markdown format named DESIGN.md for an industrial hardware telemetry interface. Define color palettes (primary, background, surface, text, accent), typography rules, line-heights, and container padding values for dense engineering layouts. | pass→fail | 26,860 | 27,453 | +2% | 1 | 1 | 0% | 5,780 | 6,756 | +17% | 0 | 0 | — |
▸case-01 I need an executive e-commerce analytics dashboard to track store revenue, active orders, and conversion rates. Please design a complete single-file HTML layout featuring a left navigation bar, header bar, top-level metric highlights, an inline SVG sales trend chart, and a recent orders breakdown table. Format the output wrapped inside `<artifact identifier="..." type="text/html" title="...">` tags, preceded by exactly one introductory sentence and with no text after the artifact block. | fail→fail | 28,179 | 24,845 | -12% | 1 | 1 | 0% | 6,235 | 6,798 | +9% | 0 | 0 | — |
▸case-02 Can you build a server health and incident management dashboard for our IT operations team? It should include key operational metrics like uptime and latency, a visual SVG performance chart over time, a log of recent incident alerts, and standard sidebar navigation. Provide the entire self-contained HTML page inside `<artifact identifier="devops-dashboard" type="text/html" title="DevOps Overview">` markup, placing a single explanatory sentence before the tag and no text following it. | fail→fail | 27,354 | 25,904 | -5% | 1 | 1 | 0% | 6,235 | 6,798 | +9% | 0 | 0 | — |
▸case-03 Please generate a SaaS user engagement and subscription overview UI for our product management team. It needs primary KPI blocks, an inline SVG chart displaying monthly active user growth, a list of recent customer signups, and a left navigation drawer. Return a fully styled HTML document enclosed within `<artifact identifier="..." type="text/html" title="...">` tags. Include exactly one short sentence before the opening tag and nothing after the closing tag. | fail→fail | 25,185 | 26,598 | +6% | 1 | 1 | 0% | 6,226 | 6,789 | +9% | 0 | 0 | — |
▸case-06 Here is a raw HTML table layout for an HR employee directory. Convert this into a modular, re-usable React TypeScript component featuring props for filtering by department and sorting by hire date. | pass→fail | 16,153 | 25,921 | +60% | 1 | 1 | 0% | 3,693 | 6,741 | +83% | 0 | 0 | — |
▸case-07 We need an operational logistics dashboard for managing warehouse shipping workflows. Create a single-page HTML layout with navigation, top stats, visual charts, and recent shipments. Feel free to use external layout frameworks or flexible sidebar dimensions. Produce the result inside `<artifact identifier="warehouse-ops" type="text/html" title="Warehouse Ops">` tags with one sentence preceding it. | pass→fail | 26,985 | 32,831 | +22% | 1 | 1 | 0% | 6,216 | 6,779 | +9% | 0 | 0 | — |
▸case-08 Build a fintech payment processing dashboard interface showing daily settlement volumes, authorization rates, and chargeback counts. Provide the full HTML document wrapped in `<artifact identifier="fintech-payments" type="text/html" title="Payment Overview">` tags with one leading sentence. Make sure metric labels are clear. | fail→fail | 28,616 | 24,815 | -13% | 1 | 1 | 0% | 6,202 | 6,765 | +9% | 0 | 0 | — |
▸case-09 Create a digital marketing performance dashboard showing ad spend, click-through rates, and customer acquisition costs. Include a main multi-line trend chart over the last 30 days. Feel free to use JavaScript visualization libraries or CDN stylesheets. Enclose the HTML in `<artifact identifier="marketing-analytics" type="text/html" title="Marketing Analytics">` tags. | fail→fail | 34,184 | 25,551 | -25% | 1 | 1 | 0% | 6,215 | 6,778 | +9% | 0 | 0 | — |
▸case-10 Design a cybersecurity threat monitoring dashboard displaying active firewall blocks, network throughput, and real-time alerts. Ensure active elements standardly use visual accent highlights. Wrap the HTML inside `<artifact identifier="secops-monitor" type="text/html" title="SecOps Monitor">` tags with one sentence before. | fail→fail | 26,398 | 24,990 | -5% | 1 | 1 | 0% | 6,203 | 6,766 | +9% | 0 | 0 | — |
▸case-11 Generate a hospital patient flow and emergency room capacity dashboard HTML document. Structure the layout with standard containers. Output inside `<artifact identifier="med-flow" type="text/html" title="ER Capacity">` markup with a single leading sentence. | fail→fail | 26,926 | 26,188 | -3% | 1 | 1 | 0% | 6,190 | 6,753 | +9% | 0 | 0 | — |
▸case-12 Create a cloud infrastructure cost management dashboard showing monthly spending by service, budget thresholds, and resource utilization. Ensure long lists of cloud resources can be viewed seamlessly. Provide the HTML in `<artifact identifier="cloud-cost" type="text/html" title="Cloud Costs">` tags. | fail→fail | 28,430 | 27,551 | -3% | 1 | 1 | 0% | 6,198 | 6,761 | +9% | 0 | 0 | — |
▸case-13 Develop a customer support desk dashboard monitoring open tickets, average response times, and customer satisfaction scores. Include a top bar header with page controls and search capabilities. Wrap in `<artifact identifier="support-desk" type="text/html" title="Support Overview">` tags. | fail→fail | 27,366 | 26,610 | -3% | 1 | 1 | 0% | 6,196 | 6,759 | +9% | 0 | 0 | — |
▸case-14 Construct an online learning platform analytics dashboard for course completions, active students, and video streaming bandwidth. Below the main revenue trend chart, include a breakdown section for top-performing courses or recent enrollments. Enclose in `<artifact identifier="edtech-dash" type="text/html" title="EdTech Analytics">` markup. | fail→fail | 26,277 | 26,104 | -1% | 1 | 1 | 0% | 6,208 | 6,771 | +9% | 0 | 0 | — |
▸case-15 Generate a smart grid utility energy monitoring dashboard tracking megawatt output, grid frequency, and outage reports. Format the HTML page inside `<artifact identifier="grid-energy" type="text/html" title="Energy Ops">` tags. | fail→pass | 27,978 | 26,578 | -5% | 1 | 1 | 0% | 6,188 | 6,751 | +9% | 0 | 0 | — |
▸case-16 Create a mobile app store analytics dashboard tracking app downloads, crash-free user percentages, and in-app purchase revenue. The main visual chart should have visible time baseline markings. Enclose in `<artifact identifier="app-store-stats" type="text/html" title="App Store Stats">` tags. | fail→fail | 27,849 | 26,005 | -7% | 1 | 1 | 0% | 6,204 | 6,767 | +9% | 0 | 0 | — |
▸case-17 Generate a restaurant point-of-sale overview dashboard displaying hourly sales, table turnover rates, and popular menu items. Please summarize the key design decisions in a bulleted list after the code output. Deliver the code inside `<artifact identifier="pos-analytics" type="text/html" title="POS Analytics">` tags. | fail→pass | 25,522 | 25,925 | +2% | 1 | 1 | 0% | 6,206 | 6,769 | +9% | 0 | 0 | — |
▸case-18 Build a real estate listing management dashboard tracking active property listings, lead inquiries, and closed escrow values. Provide the complete HTML inside `<artifact identifier="real-estate-ops" type="text/html" title="Real Estate Ops">` tags. | fail→fail | 25,778 | 27,351 | +6% | 1 | 1 | 0% | 6,191 | 6,754 | +9% | 0 | 0 | — |
▸case-19 Build a high-frequency cryptocurrency trading desk dashboard monitoring order book depth, spot prices, and execution latencies. Wrap the HTML inside `<artifact identifier="crypto-trading" type="text/html" title="Crypto Trading Desk">` tags. | fail→fail | 25,849 | 25,052 | -3% | 1 | 1 | 0% | 6,190 | 6,753 | +9% | 0 | 0 | — |
▸case-20 Design a luxury wellness spa appointment booking dashboard tracking treatment reservations, therapist availability, and monthly revenue. Return the complete single HTML file inside `<artifact identifier="spa-wellness" type="text/html" title="Spa Analytics">` tags. | pass→fail | 28,454 | 26,663 | -6% | 1 | 1 | 0% | 6,189 | 6,752 | +9% | 0 | 0 | — |
▸case-21 Create a media publishing dashboard monitoring article pageviews, active readers, and subscription conversions. Include a traffic visualizer card. Enclose in `<artifact identifier="media-pub" type="text/html" title="Media Dashboard">` markup. | fail→fail | 27,859 | 32,664 | +17% | 1 | 1 | 0% | 6,190 | 6,753 | +9% | 0 | 0 | — |
▸case-22 Construct an inventory management dashboard showing stock levels across 5 regional distribution centers. Use visual bars for regional stock counts. Output inside `<artifact identifier="inventory-mgmt" type="text/html" title="Inventory Overview">` tags. | fail→fail | 26,892 | 27,841 | +4% | 1 | 1 | 0% | 6,188 | 6,750 | +9% | 0 | 0 | — |