TasksUI DesignEngineering track

Dashboard with stat tiles and chart

eng-ui-04suite v1.0htmlvision judge

Quality40%judge panel
Correctness35%judge panel
Completeness25%deterministic · dom-checklist

Exact prompt sent to every model

Build a single-file operations dashboard for an IT managed-services provider. No libraries; draw the chart yourself with inline SVG or canvas. Requirements:

  • Header with the client name "Northgate Dental" and a date-range control (This week / This month / This quarter) that switches the data
  • Four stat tiles: Open tickets, Avg first response (minutes), Devices patched (%), Backups succeeded (%), each with the current value and a small delta versus the previous period, colored by whether the change is good or bad for that metric (fewer tickets is good, higher patched is good)
  • A bar chart of tickets opened per day for the selected range with axis labels and hover tooltips
  • A "Needs attention" list of 5 items with severity badges
  • Light and dark mode via a toggle, persisted in localStorage, default following prefers-color-scheme
  • Use the sample data provided; you may invent plausible values for the other two ranges. Return the complete file in one code block.

Responses

Latest published run: gemini-3.8-flash. For each model the repeat closest to its published median is shown; every repeat is in the repository.

No published attempts for this task yet

When the run is published, every model's raw response, per-dimension scores, judge rationales, human review notes and rendered artifacts appear here side by side.