# Generated infographics are visually basic and unappealing

| | |
|--|--|
| **ID** | `bug_013` |
| **Priority rank** | 1 |
| **Severity** | high |
| **Category** | bug |
| **Time range** | 290.0s – 301.7s |
| **Key moment** | 291.5s |
| **Affected element** | Generated infographic images |

> ⚠️ **About the red box in `screenshot.png`:** It is an AI-generated guess at the affected
> UI element. **It is correct most of the time but not always** — sometimes the actual
> element is near the box rather than exactly inside it, and occasionally the box lands
> on an unrelated element.
>
> When acting on this bug:
> 1. Read the **narration quote** and **detailed visual walkthrough** below first — they
>    describe what is actually wrong.
> 2. Look at the **full screenshot**, not just inside the red box.
> 3. If you need precise pixel coordinates, consult `omniparser_elements.json` in this
>    folder — it lists every UI element the detector found on this screen, with bounding
>    boxes and confidence. You can search by label or look at elements adjacent to the
>    red box.

## Description

The user explicitly asked for a 'beautiful' infographic with 'cartoons and images'. The generated output consisted of very plain, unstyled, and 'boring' charts (timeline, pie chart, flowchart) that did not meet the user's quality expectations.

## What the narrator said

> "By the way, these are not pretty. These are ugly. I don't see any cartoons or beautiful graphs or anything. I see very, very boring."

## Detailed visual walkthrough

The video opens on a chat interface for an application named "Athena v3". The main chat panel displays a conversation where an AI has just responded, "Perfect! Now I'll create a gorgeous visual infographic with diagrams, charts, and illustrated elements."

As the screen begins to scroll down, a series of small, unstyled chart images appear in the chat log. The first is a simple timeline, followed by a basic pie chart, and then a flowchart. The narrator expresses disappointment with the output, stating, "By the way, these are not pretty. These are ugly. I don't see any cartoons or beautiful graphs or anything. I see very, very boring."

The user continues to scroll past the plain charts and some lines of code-like text. The narrator adds, "This is so very boring." A message then confirms the background process is finished, and a link to a PDF file named "2026_Iran_War_Current_Status_Infographic.pdf" is generated.

Finally, a preview of the PDF's cover page appears in the chat window. It has a dark blue background with the title "2026 Iran War: Current Status Infographic" in large white text. The narrator says, "Uh, and this is the PDF. Let's see what it looks like." The video ends on this view, having demonstrated that the generated visual elements were extremely basic and did not fulfill the user's request for a "gorgeous" or illustrated infographic.

## Suggested fix

Improve the infographic generation tool's capabilities to produce more aesthetically pleasing and visually rich content. This should include using better color palettes, modern typography, improved layouts, and incorporating illustrative elements or icons as requested by the user. The prompt engineering for the generation tool should be refined to better adhere to stylistic requests.

## Bounding boxes drawn on `screenshot.png`

- **Generated infographic images** at `[ymin=429, xmin=149, ymax=678, xmax=347]` (normalized 0-1000)

## Files in this folder

- `clip.mp4` — Video clip (290.0s – 301.7s, plus 2s padding on each side)
- `screenshot.png` — Key frame at 291.5s with red bounding box (see note above on accuracy)
- `screenshot_raw.png` — Same frame, no annotations
- `clip_description.md` — The detailed walkthrough above as a standalone file
- `bug.json` — Structured data
- `omniparser_elements.json` — every UI element detected on this screen by the OmniParser YOLOv8 model, with pixel-space bounding boxes and confidence scores. Useful if the red box in `screenshot.png` is on the wrong element — you can pick a different one from this list.
- `motion/` — Additional keyframes showing motion/state-change (if any):
  - `motion/01_292.5s.png` — frame at 292.5s: User scrolls to a basic pie chart.
  - `motion/02_296.0s.png` — frame at 296.0s: User scrolls to a basic flowchart.
