Gràfics enganyosos¶
Exercici misleading-charts-annex.pdf · PDF
Mira el gràfic vermell de sota durant dos segons i després respon sense pensar: quantes vegades millor valoren els crítics els jocs Hit que els jocs Niche?
La majoria de la gent diu cinc, sis, set vegades. Ara mira el gràfic blau. La mateixa taula, la mateixa consulta, els mateixos tres nombres: 67.1, 71.5 i 79.8. Els jocs Hit puntuen un 19% més alt, no un 600%.
Ningú no ha canviat cap nombre. I tanmateix un d'aquests dos gràfics menteix. Des de Configurar gràfics a Superset ets tu qui té els botons, així que avui aprens els trucs per dins: per detectar-los, i per no fer-los mai per accident.
Què aprendràs
- Anomenar cinc maneres en què un conjunt de dades correcte esdevé un gràfic enganyós, i detectar-les
- Reproduir un eix truncat i un rang triat a mida a Superset, i desfer-los
- Calcular el factor de mentida d'un gràfic i dir quin és el valor honest
- Explicar quan tallar l'eix és una mentida (barres) i quan pot ser honest (línies, si ho dius)
- Reescriure un títol enganyós com una conclusió que les dades realment sostenen
Mode foto per a les dades¶
Molts videojocs tenen mode foto. La partida és la mateixa, però amb zoom, retall, angle i filtre pots fer que una partida perduda sembli una victòria. Ningú no ha editat la partida. Algú només ha triat què mostrar.
Un gràfic enganyós és un gràfic en què tots els nombres són certs i tanmateix la imatge porta el lector a una conclusió errònia.
És el mode foto per a les dades. Mantenim l'analogia durant tota la pàgina: les dades són la partida, el gràfic és la foto. Hi ha cinc trucs clàssics, i cadascun és un control del mode foto:
| Truc | Mode foto | Com detectar-lo | Versió honesta |
|---|---|---|---|
| Eix truncat | Zoom | Les barres no comencen a zero. Les diferències petites semblen enormes. | Les barres comencen a zero. Sempre. |
| Rang triat a mida | Retall | Les dates comencen o acaben justament on convé al titular. | Mostra el rang complet, o digues per què l'has tallat. |
| Eixos duals | Perspectiva forçada | Dues escales Y. On es creuen les línies depèn de les escales, no de les dades. | Dos gràfics, un damunt de l'altre, el mateix eix X. |
| Sectors en 3D i massa atapeïts | Angle de càmera | Els sectors del davant semblen més grans; amb més de cinc sectors no es poden comparar. | Pla, cinc sectors o menys; si no, barres ordenades. |
| Mal color | Filtre | Un arc de Sant Martí en valors ordenats, vermell contra verd, colors que no signifiquen res. | Un sol to, més fosc = més. Color només quan significa alguna cosa. |
Compte: 'si els nombres són certs, el gràfic és cert'
El lector no llegeix els nombres. Llegeix longituds, pendents i àrees. Aquestes poden mentir mentre cada nombre és correcte, i precisament per això aquests gràfics funcionen: passarien una verificació de fets nombre per nombre.
Truc 1: l'eix truncat (zoom)¶
Un eix truncat és un eix que no comença a zero, de manera que només es dibuixa la part de dalt de cada barra.
Aquest és el gràfic vermell del tema d'obertura. El seu eix Y va de 65 a 80. Els nombres que hi ha al darrere:
SELECT owners_tier, ROUND(AVG(metascore)::numeric, 1) AS avg_metascore, COUNT(metascore) AS scored
FROM games_clean GROUP BY owners_tier ORDER BY avg_metascore DESC;
| owners_tier | avg_metascore | scored |
|---|---|---|
| Hit | 79.8 | 399 |
| Mid | 71.5 | 1964 |
| Niche | 67.1 | 486 |
En un gràfic de barres la longitud de la barra és el nombre. Talla l'eix a 65 i la barra Hit ja no fa 79.8 de llarg: en fa 79.8 − 65 = 14.8. La barra Niche en fa 67.1 − 65 = 2.1. La imatge compara ara 14.8 amb 2.1, dos nombres que no existeixen enlloc de les dades.
Mesura la mentida: el factor de mentida¶
El 1983 Edward Tufte, al seu llibre The Visual Display of Quantitative Information, va posar un nombre a la mentida.
Factor de mentida = mida de l'efecte mostrat al gràfic ÷ mida de l'efecte a les dades.
Un gràfic honest té un factor de mentida proper a 1. El límit de Tufte: per sobre d'1.05 o per sota de 0.95, el gràfic distorsiona. Fes-ho amb els dos gràfics del tema d'obertura:
| A les dades | Al gràfic truncat | |
|---|---|---|
| Hit comparat amb Niche | 79.8 ÷ 67.1 = 1.19 vegades | unes 7 vegades (7.13 amb les mitjanes sense arrodonir) |
| Mida de l'efecte | Hit és un 19% més alt | La barra Hit és un 613% més alta |
Factor de mentida: 613 ÷ 19 ≈ 32. La imatge mostra un efecte trenta-dues vegades més gran que el de les dades. Pots deixar que PostgreSQL faci el càlcul amb les mitjanes sense arrodonir:
WITH t AS (SELECT AVG(metascore) FILTER (WHERE owners_tier = 'Hit') AS hit,
AVG(metascore) FILTER (WHERE owners_tier = 'Niche') AS niche FROM games_clean)
SELECT ROUND((hit / niche)::numeric, 2) AS real_ratio,
ROUND(((hit - 65) / (niche - 65))::numeric, 2) AS drawn_ratio,
ROUND((((hit - 65) / (niche - 65) - 1) / (hit / niche - 1))::numeric, 1) AS lie_factor FROM t;
Retorna 1.19, 7.13 i 32.3.
Compte: 'l'eix Y ha de començar sempre a zero'
En un gràfic de barres, sí: la longitud de la barra és el nombre, així que tallar la barra talla la veritat. Superset mateix ho diu, al tooltip ⓘ que apareix quan passes el ratolí per l'opció: "It's not recommended to truncate axis in Bar chart."
En un gràfic de línies l'ull llegeix posició i pendent, no longitud. Un gràfic de temperatura corporal entre 35 i 42 graus és honest, i començar-lo a zero aplanaria la febre fins a res. Així que la regla no és "sempre zero". La regla és: no deixis mai que la imatge mostri un canvi més gran que el de les dades. I si talles un eix, etiqueta'l perquè el lector pugui veure el tall.
Truc 2: el rang triat a mida (retall)¶
Un rang triat a mida (cherry-picked range) és una data d'inici o de final triada perquè produeix el titular, no perquè la pregunta ho demani.
"Preus dels jocs en caiguda lliure", diu el gràfic vermell. Del 2013 al 2018 el preu mitjà d'un joc nou de Steam va passar d'11.21 a 7.12 dòlars: una caiguda del 36.5%. Cert.
Ara la partida sencera. Les dades comencen el 2004, quan la mitjana era de 7.27 dòlars. En tot el rang el canvi és 7.27 → 7.12: una caiguda del 2.1%. Els preus van pujar fins a un màxim el 2013 i van tornar al punt de partida.
SELECT release_year, ROUND(AVG(price), 2) AS avg_price FROM games_clean
WHERE release_year IS NOT NULL GROUP BY release_year ORDER BY release_year;
| La foto deia | La partida era |
|---|---|
| −36.5% des del 2013 | −2.1% des del 2004, amb un màxim el 2013 |
El retall comença al punt més alt a propòsit. Comença a qualsevol altre lloc i el titular mor.
Però vaig triar el 2013 perquè és on es posa interessant
Aleshores digues-ho, al títol o en una nota: "Des del màxim del 2013, els preus han caigut un terç". Un tall que el lector pot veure és una decisió. Un tall que el lector no pot veure és un retall.
Truc 3: eixos duals (perspectiva forçada)¶
Coneixes la foto de turista on algú "aguanta" la torre de Pisa. Dues coses a distàncies diferents, alineades perquè semblin tocar-se. Això és la perspectiva forçada.
Un gràfic amb eixos duals dibuixa dues sèries amb dues escales Y diferents, una a l'esquerra i l'altra a la dreta.
A sota, les mateixes dues sèries dues vegades: jocs publicats per any a l'eix esquerre, preu mitjà a l'eix dret. L'única diferència entre els panells és el rang de l'eix dret.
"Què va passar el 2016, quan les dues línies es van creuar?" No va passar res. Estira l'eix dret i el creuament es mou dos anys enrere. Un creuament entre dues escales diferents el fan els límits de l'eix, no les dades. Els jocs i els dòlars no poden ser més grans o més petits els uns que els altres.
La versió honesta no costa res: dos gràfics, un damunt de l'altre, compartint el mateix eix X. El lector continua comparant les formes, i no apareix cap creuament fals.
Truc 4: sectors en 3D i massa atapeïts (angle de càmera)¶
Un gràfic de sectors en 3D està inclinat cap a tu, de manera que els sectors del davant reben més tinta que els del darrere pel mateix percentatge. Superset no té gràfic de sectors en 3D, però els fulls de càlcul i la premsa en van plens. L'arreglo és sempre el mateix: pla.
El truc que sí pots fer a Superset és el gràfic de sectors atapeït. Aquest és el catàleg de Steam per any de publicació, quinze sectors:
pie
title El catàleg de Steam per any de publicació
"2004" : 53
"2005" : 58
"2006" : 112
"2007" : 143
"2008" : 183
"2009" : 334
"2010" : 340
"2011" : 364
"2012" : 426
"2013" : 556
"2014" : 1352
"2015" : 2544
"2016" : 4503
"2017" : 6871
"2018" : 8845
Sense mirar els nombres: quin percentatge del catàleg es va publicar el 2012? I el 2009? (1.6% i 1.3%. Vuit dels quinze sectors són més prims que l'1.5%.)
Aquí hi ha dos errors en un. Quinze sectors passen de llarg el límit de cinc. I la pregunta mai no va ser de composició: els anys són un punt en el temps, així que la feina és l'evolució i l'eina és una línia. Ja tens el gràfic honest: UT3 · Games released per year, directament de la taula de decisió de Triar el gràfic adequat.
Truc 5: el mal color (filtre)¶
El color és el filtre del mode foto: canvia l'ambient sense canviar l'escena. Tres maneres de fer-ho malament:
| Mal color | Per què enganya | Versió honesta |
|---|---|---|
| Un arc de Sant Martí en valors ordenats (pocs, alguns, molts) | El verd és més que el blau? L'arc de Sant Martí no té ordre natural, així que el lector l'ha d'aprendre de la llegenda | Un sol to, de clar a fosc: més fosc = més |
| Vermell contra verd com a única diferència | Alguns lectors no els poden distingir | Un segon senyal: una etiqueta, una línia discontínua, clar contra fosc |
| Un color diferent per a cada barra de la mateixa cosa | El color sembla que significa alguna cosa, i no significa res | Un sol color; un segon només per a la barra que importa |
Sobre el vermell contra el verd, un fet: aproximadament 1 de cada 12 homes i 1 de cada 200 dones tenen alguna forma de daltonisme, i el vermell-verd és, de llarg, el tipus més comú. En una classe de 25, compta amb una o dues persones per a qui la teva línia vermella i la teva línia verda són la mateixa línia.
Prova-ho: construeix la mentida, després arregla-la¶
La millor manera de reconèixer un truc és fer-lo una vegada a propòsit. Per a cada cas, primer fas la foto enganyosa, després poses nom al truc, arregles el gràfic i escrius el títol honest. Necessites el dataset games_clean a Superset (vegeu Recursos).
Cas A: "Hit games are in another league".
| Pas | Fes això | Hauries de veure |
|---|---|---|
| 1 | Gràfic nou sobre games_clean, tipus de gràfic Bar Chart. X-axis: owners_tier. Metrics: Simple → columna metascore, agregat AVG. Create chart. |
Tres barres d'alçada semblant. |
| 2 | La mentida: Customize → Chart Options → Y Axis (l'últim bloc de la pestanya): marca Truncate Axis i posa Axis Bounds a mínim 65, màxim 80. |
El gràfic es redibuixa a l'instant: Hit s'alça per sobre de Niche. |
| 3 | Mesura-ho a la pantalla, amb una regla o comptant línies de la quadrícula: quantes vegades més alta és la barra Hit? Després llegeix els dos valors. |
Unes set vegades a la imatge; 1.19 vegades a les dades. |
| 4 | L'arreglo: desmarca Truncate Axis, esborra els límits. Marca Show Value. Escriu un títol que les dades sostinguin. | Tres barres des de zero amb 79.8, 71.5 i 67.1. |
| 5 | Save → UT3 · Average Metascore by owners tier. |
Un títol sense "league". |
Una frase honesta més per a aquest gràfic: només 486 dels 17,921 jocs Niche tenen Metascore, un 2.7%. La barra Niche descriu un racó petit i poc habitual dels jocs Niche.
Cas B: "Game prices in free fall".
| Pas | Fes això | Hauries de veure |
|---|---|---|
| 1 | Obre UT3 · Games released per year. Canvia la mètrica a AVG(price) (Simple → price, AVG). Update chart. |
Una línia que puja i després baixa. |
| 2 | La mentida: Filters → release_year → Greater or equal (>=) → 2013. Update chart. |
Sis punts, tots cap avall: −36.5%. |
| 3 | L'arreglo: elimina el filtre. Y Axis Format $,.2f, títols d'eix, títol honest. |
15 punts: fins a un màxim el 2013 i tornada cap avall. −2.1% des del 2004. |
| 4 | Save → Save as... → UT3 · Average price per year. |
Un gràfic nou. No sobreescriguis el gràfic de jocs per any. |
Cas C: "The Steam catalogue by year".
| Pas | Fes això | Hauries de veure |
|---|---|---|
| 1 | Gràfic nou, tipus de gràfic Pie Chart. Dimensions: release_year. Metric: COUNT(*). Create chart. |
Un gràfic de sectors on només els sectors més grans es poden llegir. |
| 2 | Sense passar el ratolí per sobre, endevina la proporció del 2012 i del 2009. Després passa-hi el ratolí per comprovar-ho. | 1.6% i 1.3%. |
| 3 | L'arreglo: no construeixis res. Anomena el gràfic desat que mostra els mateixos nombres honestament, i la feina que fa. | UT3 · Games released per year: evolució, una línia. |
Si alguna cosa no quadra
- Cas A: les barres no es mouen quan poses els límits: Truncate Axis no està marcat, o has escrit els límits i no has sortit de la caixa amb Tab o Enter.
- Cas A: el gràfic és buit o les tres barres són iguals: la mètrica és
AVG(price)oCOUNT(*). Ha de serAVG(metascore). - Cas B:
release_yearno mostra l'operador ">=": escriu el filtre com a SQL personalitzat: Filters → Custom SQL →release_year >= 2013. - Cas C: la llegenda té una entrada
<NULL>(a la segona pàgina; la llegenda es desplaça): és el joc sense data de publicació. És real; deixa-la, o filtrarelease_yearIs not null.
Compte: 'Superset no m'hauria deixat fer un gràfic equivocat'
Et va deixar marcar Truncate Axis en un gràfic de barres, i l'únic avís va ser un tooltip que havies de passar el ratolí per sobre per veure. L'eina dibuixa. Tu respons de la imatge.
Idees clau¶
- Un gràfic enganyós té nombres certs i una imatge falsa. Els lectors llegeixen longituds, pendents i àrees, no nombres.
- Eix truncat: les barres han de començar a zero, perquè la longitud de la barra és el nombre. Una línia pot fer zoom, si l'eix està etiquetat i el canvi mostrat coincideix amb les dades.
- El factor de mentida (Tufte, 1983) és l'efecte mostrat al gràfic dividit per l'efecte a les dades. Honest és proper a 1; el gràfic de barres del tema d'obertura en treu 32.
- Rang triat a mida: mostra el rang complet, o digues al títol per què l'has tallat.
- Els eixos duals creen creuaments que depenen de les escales. Apila dos gràfics en lloc d'això.
- Els gràfics de sectors atapeïts i en 3D i el mal color amaguen la comparació: cinc sectors com a màxim, plans, i color només quan significa alguna cosa.
Comprovació ràpida¶
1. Què fa que un gràfic sigui enganyós, en el sentit d'aquesta lliçó?
- Conté com a mínim un nombre erroni
- S'ha fet amb el programari equivocat
- Tots els nombres són certs, però la imatge porta el lector a una conclusió errònia
- Fa servir més d'un color
Un gràfic enganyós passaria una verificació de fets nombre per nombre. La mentida és en allò que les longituds, els pendents i les àrees fan creure al lector: mode foto per a les dades.
2. Per què ha de començar a zero l'eix d'un gràfic de barres?
- Perquè Superset es nega a dibuixar-lo d'una altra manera
- Perquè la longitud de la barra és el nombre, així que tallar la barra canvia allò que es compara
- Perquè el zero és el valor més comú en qualsevol conjunt de dades
- Perquè les barres per sota de 65 no es poden acolorir
Amb l'eix tallat a 65, la barra Hit mesura 14.8 i la barra Niche 2.1: la imatge compara dos nombres que no són a les dades. Superset et deixa fer-ho; només avisa en un tooltip.
3. A les dades, els jocs Hit puntuen un 19% més alt que els jocs Niche. Al gràfic truncat, la barra Hit és un 613% més alta. Quin és el factor de mentida?
- Al voltant de 0.03
- Al voltant de 7
- Al voltant de 32
- Al voltant de 594
Factor de mentida = efecte mostrat al gràfic ÷ efecte a les dades = 613 ÷ 19 ≈ 32. Un gràfic honest és proper a 1. Set és quantes vegades més alta sembla la barra, que no és el mateix.
4. Un gràfic titulat 'Game prices in free fall' mostra el preu mitjà del 2013 al 2018. Les dades arriben fins al 2004. Quin truc és?
- Eix truncat
- Rang triat a mida
- Eixos duals
- Mal color
El rang comença justament al màxim del 2013 (11.21 dòlars), així que la caiguda fins a 7.12 sembla un −36.5%. En tot el rang, des de 7.27 el 2004, és un −2.1%. L'arreglo honest és mostrar el rang complet, o dir al títol per què s'ha tallat.
5. Dues línies d'un gràfic d'eix dual es creuen el 2016. Què et diu el creuament?
- Que els dos valors eren iguals el 2016
- Que una sèrie va causar el canvi de l'altra
- Res: canvia els límits d'un eix i el creuament es mou
- Que el 2016 va ser el màxim de les dues sèries
Amb eixos duals cada línia té la seva escala, així que on es troben ho decideixen els límits dels eixos. Els jocs i els dòlars no poden ser iguals entre ells. Apila dos gràfics sobre el mateix eix X.
6. Quina afirmació sobre tallar l'eix Y és correcta?
- Sempre és una mentida, en qualsevol gràfic
- Mai és un problema si els nombres són certs
- És una mentida en un gràfic de barres; en un gràfic de línies pot ser honest si l'eix està etiquetat i el canvi mostrat coincideix amb les dades
- Només es permet en gràfics de sectors
En barres l'ull llegeix longitud, així que l'eix ha de començar a zero. En línies l'ull llegeix posició i pendent: un gràfic de temperatura de 35 a 42 graus és honest. La regla real és no deixar mai que la imatge mostri un canvi més gran que el de les dades.
7. Un gràfic de barres compara dos proveïdors d'internet: A amb un 99.2% de disponibilitat i B amb un 97.5%. L'eix Y va de 97 a 100 i el títol diu 'A is far more reliable'. Tria les dues afirmacions certes.
- És un eix truncat: la barra A sembla més de quatre vegades més alta, però 99.2 és només un 1.7% més que 97.5
- Una versió honesta comença les barres a zero amb els valors escrits sobre elles
- És un rang triat a mida, perquè les dates s'han triat a propòsit
- El gràfic és honest, perquè els dos nombres són certs
Per sobre de 97, la barra A mesura 2.2 i la barra B 0.5: 2.2 ÷ 0.5 = 4.4 vegades més alta a la imatge, contra 99.2 ÷ 97.5 = 1.017 a les dades. Aquí no hi ha dates, així que no s'ha retallat res. Uns nombres certs no fan una imatge certa.
Ja saps construir un gràfic, triar-lo, configurar-lo i defensar-lo. Un gràfic respon una pregunta; les decisions reals en necessiten diverses alhora, una al costat de l'altra, en una sola pantalla. Això és la Unitat 4: Quadres de comandament (dashboards) i informes.