PromptEye charts are linear and calm: one series in cobalt, comparisons in grey, the rest as background. The title states the conclusion, not the topic. The patterns below come straight from the system sheet; switch between the light and dark version under each one.
The examples come straight from the system’s reference sheets, so their sample data is in Polish.
Which chart for what
| The reader’s question | Chart | Pattern |
|---|---|---|
| How does the score change over time? | Line over time | W3 |
| Who gained and who lost against the previous period? | Bars with the previous month | W4 |
| How much do AI models differ in their assessment? | Spread between models | W5 |
| How are positions in the answer list distributed? | 100% structure | W6 |
| Many items across many models at once | A table with a model group and a heat map | T3 |
Line over time
12 months: the leader in cobalt, two comparisons in grey, seven background series, the leader’s spread band and the season.
In the system: guidelines/dane.html#w3
Bars with the previous month
Seven models: the March bar, the February marker, the average and the change next to each bar.
In the system: guidelines/dane.html#w4
Spread between models
A band from minimum to maximum and the average, without ticks for individual models.
In the system: guidelines/dane.html#w5
100% structure
100% of answers in four segments of the cobalt scale, values inside the bars.
In the system: guidelines/dane.html#w6
Rules
Sopot grows the fastest
Visibility of seaside places
- One series highlighted in cobalt, comparison series in grey, the rest as a light grey background. No multicolour legends.
- Labels at the ends of lines (value and change) instead of a legend.
- Grid: solid 1 px lines (
--pe-dzien-linia-2, on black #1E2027), the zero line stronger. No dotted lines. - The value axis starts at zero, the unit next to the tick. Axes Inter 13, tabular figures, metadata colour.
- A spread is a band from minimum to maximum, without ticks for individual models.
- Orange only for the leader (circle). On white the leader is a cobalt bar (
--pe-kobalt-500), the others--pe-kobalt-100; on black in navy. - Data is linear, without motif dots.
Data colours
Data colours are the only exception to the --pe-* tokens: variables from css/dane.css, set on the .t2f frame separately for white and black (.t2f.dk). Do not type them in by hand. Use the classes .q1–.q4, .hm1–.hm5, .up, .rb, and the frame picks the version. The partner’s colour in data: the Co-branded reports chapter.
| Variable | Used for | On white | On black |
|---|---|---|---|
--q1 … --q4 | 100% structure (W6): segments from the most important | --pe-kobalt-600 · --pe-kobalt-300 · #B3C0FF · #E3E8FF | --pe-kobalt-300 · --pe-kobalt-500 · #2E3A70 · #1C2348 |
--hm1 … --hm5 | Heat map (T2): 5 steps from the lowest value | #F4F6FF · #E8ECFF · #D9E0FF · --pe-kobalt-100 · #AEBBFF | #0B0F24 · #101839 · #172152 · #1F2C6C · #2A3B8C |
--up | Increase and rank gain (▲) | --pe-kobalt-600 | --pe-kobalt-300 |
--rb … --rb1 | Spread band (W5): others and highlighted | #DCE2FF · #A9B8FF | #1F2A5E · #3B52C4 |
--ctx | Background series in a line chart (W3, KW2) | #DFE1E5 | #262930 |
--sea | Season band (W3) | --pe-dzien-panel | #16181D |
--base | Axis baseline | --pe-noc-tekst-2 | #3A3D45 |
Shareable charts
1600 × 900 for presentations and partner articles, 1080 × 1080 for social media. The logo, title, source and address are part of the graphic; the logo in the top left corner, the footer with the source on the left and the address on the right. Shareable table: the Tables chapter.
Presentations and partner articles.
In the system: guidelines/typografia.html
Social: line labels instead of a legend.
In the system: guidelines/typografia.html
In the system: guidelines/typografia.html