Chart Prompts

Restyle my chart in the "Lower Third" style described below. Keep my data, chart type, title meaning and units; change only the presentation. Use the charting library this project already uses (plain SVG if there is none). If the library can't express a detail, draw it in a custom layer instead of dropping it. Measurements assume a 960 x 600 chart; scale them proportionally.

Mood: a morning show poll graphic keyed over the studio. Light, glossy, fast to read, with slanted broadcast shapes and a lower third carrying the headline.

Colors (use these exact values):
- Background: radial gradient from #F6F8FB (centre, slightly above middle) to #E4E8EE studio gray.
- Bars: broadcast blue #1557C0, as a vertical gradient #2A73E0 to #1557C0 to #0E43A0.
- Value tags and lower-third main strip: navy #0B2A5B (gradient #1B4E9E to #0B2A5B to #071D42).
- Accent: live red #D6202E (gradient #EE3B47 to #B51522), used for the leading value tag, the header tag, the LIVE bug, the clock box and the lower third's edge bar.
- Text ink: #1B2433. Secondary text: #5A6577. Axis line: #B9C2CF.

Typography (Google Fonts):
- Titillium Web throughout. Question headline 700, 30px, #1B2433. Category labels 600, 18px (the leader 700), right-aligned. Value tags 700, 20px, white. Tag and bug text 700, 15px, uppercase, 1.2 to 1.6px letter-spacing. Lower-third headline 700, 29px, white. Lower-third top strip 700, 14px, 1.4px letter-spacing, uppercase, #1557C0. Footer 400, 13px, #5A6577.

Layout:
- Top-left: a red slanted tag ("QUESTION OF THE DAY") above the question itself. Top-right: a live bug made of a navy slanted block with the show name and a red slanted block with a white dot and "LIVE".
- Chart in the middle (y 130 to y 412). Category labels end 16px left of a 1.5px vertical axis line.
- Lower third from y 460 to y 548: a white-to-#E9EDF3 top strip (28px, slanted right end) carrying the measure and unit, then a 60px navy main strip with the headline finding in white, a 12px red edge bar on the left, a white gloss on its top half, and a red slanted box at the right with the time. Shadow: 0 6px 8px blur, #0B2A5B at 28%.
- Footer line under it: source left, a caveat right.

Axes and grid:
- No gridlines and no value axis. Every bar carries its value tag.

Marks:
- Bar chart: horizontal bars, 32px thick on a 50px band, square left end and a 10px slanted right end. A white shine band on the top third (white at 32%) and a 1.2px white highlight line at the very top. Drop shadow 0 3px 3px blur, navy at 18%. At each bar end a slanted parallelogram tag (74 x 38px, overlapping the bar by 6px) in navy, with a white gloss on its top 12px and the value centered; the leading bar's tag is red.
- Line chart: a 4px #1557C0 line with a soft navy shadow, points as white-edged slanted value tags in navy (the latest or highest in red), and a light #1557C0 area at 12% under the line.

Shapes: all tags, bugs and strips are parallelograms slanted 10px, rising to the right.

Avoid: rounded corners, dark backgrounds, thin type, gridlines, more than one accent color, and anything that competes with the lower third.

When you're done, render the chart and check that the value tags don't collide with each other or with labels, the lower third headline fits inside the strip without touching the clock box, and the percentages sum correctly.