Sectors, mapa de calor i altres¶

Exercici pie-heatmap-others-annex.pdf · PDF

La partida s'ha acabat i surt la pantalla d'estadístiques. No et mostra un sol gràfic. Te'n mostra quatre de diferents, perquè tens quatre preguntes diferents.

Com s'ha repartit el teu dany entre les armes? Un cercle tallat a trossos. On s'han produït els combats al mapa? Un mapa pintat de colors, i el joc fins i tot en diu heatmap. Quina ha estat la teva puntuació final? Un número enorme. I qui ha fet què? El marcador complet, una taula senzilla.

Fins ara tens quatre eines: barres, línies, histograma i dispersió. Aquesta lliçó afegeix les quatre d'aquella pantalla d'estadístiques. Una d'elles, el gràfic de sectors, és molt fàcil d'equivocar, així que també en construiràs un que menteix.

El gràfic de sectors: parts d'un tot¶

Un gràfic de sectors és un cercle tallat a trossos. El cercle és el tot, el 100 %, i cada tros n'és una part. Respon la pregunta quina part del total és cada element?

A la pantalla d'estadístiques, el cercle és tot el dany que has fet i cada tros és una arma. El gràfic de sectors fa una promesa que cap gràfic de barres no fa: aquests trossos sumen tot.

La idea té més de dos segles. L'enginyer escocès William Playfair és considerat l'autor del primer gràfic de sectors, al seu llibre The Statistical Breviary, publicat el 1801.

Aquí en tens un d'honest, fet amb games_clean. A la Unitat 2 vas crear la columna owners_tier, que classifica cada joc segons quanta gent el té:

pie
    title Jocs de Steam per nivell de propietaris
    "Niche" : 17921
    "Mid" : 8141
    "Hit" : 623

Pots dir "dos de cada tres jocs són Niche" sense llegir cap número. Això és un gràfic de sectors fent la seva feina.

Tres condicions, o fes servir barres¶

Recorda la classificació de Percepció visual: l'ull llegeix millor la posició, i un gràfic de sectors l'obliga a comparar angles, dos nivells més avall. Per tant, un gràfic de sectors s'ha de guanyar el lloc. Ho fa quan es compleixen les tres condicions:

Si falla una condició, la resposta és un gràfic de barres.

flowchart TB
    A{"Els trossos són parts<br>d'un tot, que sumen el 100 %?"}
    A -- "No" --> BAR["<b>Gràfic de barres</b>"]
    A -- "Sí" --> B{"Cinc trossos o menys?"}
    B -- "No" --> BAR
    B -- "Sí" --> C{"Les diferències són òbvies?"}
    C -- "No" --> BAR
    C -- "Sí" --> PIE["<b>Gràfic de sectors</b>"]

Ja has vist un gràfic de sectors que suspèn. L'arc de Sant Martí de 15 trossos dels jocs per any de llançament a Percepció visual incomplia la segona condició, i el temps té un ordre que un cercle no pot mostrar.

Un gràfic de sectors que menteix¶

Ara, el perillós. Agafa el mateix gràfic de sectors i posa-hi publisher, quedant-te només amb els deu més grans:

pie
    title Malament a propòsit - els deu editors més grans
    "Big Fish Games" : 284
    "SEGA" : 141
    "Strategy First" : 129
    "Ubisoft" : 123
    "Unknown" : 120
    "Square Enix" : 95
    "Sekai Project" : 94
    "Choice of Games" : 92
    "Dagestan Technology" : 89
    "1C Entertainment" : 85

Quina part dels jocs de Steam té Big Fish Games? El gràfic diu que un 23 % aproximadament. Gairebé una quarta part de la botiga.

Comprova-ho amb una consulta:

SELECT ROUND(100.0 * COUNT(*) FILTER (WHERE publisher = 'Big Fish Games') / COUNT(*), 2)
FROM games_clean;

La resposta és 1.06. Big Fish Games va publicar 284 dels 26,685 jocs: un 1 % aproximadament. El gràfic en va dibuixar un 23 %.

D'on surt el 23 %? Aquests deu trossos contenen 1,252 jocs entre tots, i 284 és el 22.7 % de 1,252. El gràfic va mostrar la part de les files que li van donar, i li van donar deu editors d'un total de 13,951.

Aquest gràfic va incomplir la primera condició: deu editors no són el tot. A més té deu trossos, i un d'ells és el jugador fantasma Unknown de Gràfics de barres i de línies. El gràfic honest per a aquesta pregunta és el gràfic de barres ordenat que hi vas construir.

El mapa de calor: una quadrícula pintada de colors¶

Un mapa de calor és una quadrícula. Una dimensió en fa les columnes, una altra en fa les files, i el color de cada cel·la mostra una mètrica: com més fosca la cel·la, més alt el valor.

A la pantalla d'estadístiques, les dues dimensions són les dues direccions del mapa, i el color és la quantitat de combats que hi ha hagut a cada punt. Ningú no hi llegeix un número exacte. Tu busques les zones calentes.

Aquesta és la manera correcta de llegir qualsevol mapa de calor. La intensitat del color és l'últim nivell de la taula de Cleveland i McGill: l'ull és dolent convertint un to en un número. Però és molt bo veient on s'agrupen les cel·les fosques.

Un mapa de calor serveix per veure patrons, no per llegir valors.

Aquí tens la pregunta: hi ha una temporada per llançar jocs a Steam? Les dues dimensions són l'any i el mes de llançament, i la mètrica és el nombre de jocs. De 2014 a 2018 això fa 5 columnes × 12 files = 60 cel·les, que contenen 24,115 jocs.

Mira primer la quadrícula de l'esquerra. Què et diu el color? Que 2018 és més fosc que 2014. La cel·la més clara és gener de 2014 (61 jocs) i la més fosca és març de 2018 (853 jocs).

Però això ja ho sabies. El gràfic de línies de Gràfics de barres i de línies deia que els llançaments havien explotat. El creixement d'un any a l'altre és tan fort que ofega tota la resta, i la pregunta sobre les temporades continua sense resposta.

Normalitzar: canvia amb què es compara cada color¶

A la quadrícula de l'esquerra, cada cel·la es compara amb les altres 59. A la de la dreta, cada cel·la es compara només amb els altres mesos del seu propi any.

Normalitzar un mapa de calor és canviar amb què es compara el color de cada cel·la: tota la quadrícula, la seva pròpia columna o la seva pròpia fila.

Ara apareix el patró. Llegeix la fila de baix: gener és el mes més pàl·lid als cinc anys. La cel·la més fosca, el pic de cada any, canvia de lloc:

Així doncs, la resposta honesta és: hi ha una temporada baixa clara, gener, i cap temporada alta única. El pic cau a la segona meitat de l'any en quatre dels cinc anys, i al març el 2018.

Els altres: un número, una taula¶

No totes les preguntes necessiten un gràfic amb eixos. Dos dels "gràfics" més útils d'un quadre de comandament (dashboard) no en tenen.

El número gran¶

Un número gran és un gràfic que mostra un sol valor, tan gran com es pugui.

És la puntuació final de la pantalla d'estadístiques. Quants jocs hi ha a games_clean? No hi ha res a comparar, res a ordenar, cap tendència a llegir: la resposta és 26,685, i la millor visualització és el número mateix.

Pensa en la ràtio dades-tinta de Tufte. Un número gran no té res més a esborrar: cada gota de tinta és dada.

La taula¶

Una taula mostra files i columnes de valors exactes. És l'elecció correcta quan el lector necessita consultar coses.

És el marcador complet. Aquí tens els set jocs de games_clean amb almenys 20 milions de propietaris:

SELECT game, publisher, release_year, price, owners_min
FROM games_clean WHERE owners_min >= 20000000
ORDER BY owners_min DESC;

Les files amb el mateix owners_min poden sortir en un ordre diferent a la teva pantalla.

Llegeix la columna price. Sis dels set jocs més grans de Steam són gratuïts. Una taula et deixa veure-ho perquè mostra diverses columnes de la mateixa fila una al costat de l'altra. Un gràfic de barres d'owners_min hauria mostrat set barres i hauria amagat el fet més interessant.

La pantalla d'estadístiques: vuit eines, vuit preguntes¶

Això fa vuit eines. Cadascuna respon un tipus de pregunta:

Llegeix la taula des de la columna del mig. No comences amb "vull un gràfic de sectors". Comences amb "quina part...?" i la pregunta tria l'eina.

Prova-ho: quatre gràfics per a la pantalla d'estadístiques¶

Els quatre gràfics fan servir el dataset games_clean (vegeu Recursos per a les dades).

Gràfic 6 — Part per nivell de propietaris. Quina part dels jocs de Steam és Niche, Mid o Hit?

Per veure tu mateix el gràfic de sectors que menteix, canvia Dimensions a publisher i Row limit a 10, i actualitza el gràfic. Mira el tros de Big Fish Games i després executa la consulta de dalt a SQL Lab. No desis aquest.

Gràfic 7 — Llançaments per mes i any. Hi ha una temporada per llançar jocs?

games_clean té una columna release_year però no té mes. Afegeix-lo com a columna calculada, com vas fer a Variables sintètiques.

EXTRACT(MONTH FROM release_date)::int

Gràfic 8 — Total de jocs. Gràfic nou, tipus de gràfic Big Number, Metric: COUNT(*). Mostra 26.7k. A Customize, posa Number format a ,d per obtenir la xifra exacta, 26,685. Desa'l com a UT3 · Total games.

Gràfic 9 — Taula dels jocs més grans. Gràfic nou, tipus de gràfic Table. Query mode: Raw records. Columns: game, publisher, release_year, price, owners_min. Filters: owners_min, Greater or equal (>=), 20000000. Ordering: owners_min [desc]. Hauries de veure set files, amb Dota 2 la primera. Desa'l com a UT3 · Biggest games table.

Idees clau¶

• Un gràfic de sectors mostra parts d'un tot. Només és acceptable quan els trossos sumen el 100 % d'alguna cosa real, n'hi ha cinc o menys i les diferències són òbvies. Si no, barres.
• Un gràfic de sectors mostra parts de les files que li han donat. Amb un límit de files o un filtre continua semblant complet: Big Fish Games té l'1.06 % dels jocs, i un gràfic dels 10 primers en dibuixa el 22.7 %.
• Un mapa de calor és una quadrícula de dues dimensions amb una mètrica com a color. Serveix per veure patrons, no per llegir valors.
• Normalitzar un mapa de calor canvia amb què es compara cada color. Les dades continuen sent les mateixes; la pregunta canvia.
• Un número gran mostra una xifra per recordar. Una taula mostra valors exactes per consultar, i pot revelar el que un gràfic amaga.
• Comença per la pregunta, mai pel gràfic: vuit eines, vuit tipus de pregunta.

Comprovació ràpida¶

Ara tens vuit eines i saps quina pregunta respon cadascuna. El pas següent és el difícil: rebre una pregunta sense cap pista sobre quina eina triar. Això és Triar el gràfic adequat.