All illustrations

Report unavailable

The linked report is missing, so another one is picked instead.

FreeInterface · spot

Copy

Download

Open in

Report unavailable: the linked report is missing, so another one is picked instead.

Not quite it? Ask for a variation

Install

Writes one React component into components/illos. Nothing else to install.

npx shadcn@latest add https://illos.dev/r/flat/report-unavailable.json

Or hand it to your agent

Claude Code, Cursor, Codex and any other coding agent can add it from the prompt.

How it moves

  1. a list of reports, with the linked one missing and dashed.
  2. a click selects one of the reports that exist.
  3. the missing row is never picked, since there is nothing to open.

Where it fits

For analytics, reporting and dashboard products: the screen a shared link opens when its report was removed, a saved view that no longer exists, or the docs page on sharing reports. The missing row drawn dashed while the cursor picks one that does exist shows what happened and the way forward in one look, without an error code. As a spot it fits above a heading such as This report is unavailable and a line that offers another one. It is free to copy and pairs with Page not found, Error loading page and Export report.

Pairs well with Page not found, Error loading page and Export report.

On your site

Read where product illustrations go, how to place an animated SVG and how to keep animations fast.

For developers

File size
3.2 KB gzipped
Motion
Plays once, 3.8 s, then holds
Reduced motion
Shows a still
File
report-unavailable.svg

Next in this theme.

No search results: a search narrows piece by piece until nothing is left.
Interface · spotFree
Error loading page: the page tries to load again, fails, and points to refresh.
Interface · spotFree