risposta-alla-domanda-sullo-sviluppo-web-bd.com

Confronto di tabelle di dati

Qual è un modello efficace per consentire agli utenti di confrontare due o più tabelle di dati con più (cioè 4) colonne in ciascuna tabella?

Ad esempio, abbiamo una tabella con 4 righe e 4 colonne per le entrate geografiche negli ultimi 4 anni per un'azienda ABC , ora voglio aggiungere un'altra società a confrontare (o possibilmente più aziende).

In questo caso, come mostriamo questa seconda tabella per confrontare i valori con la tabella originale?

È facile quando abbiamo solo una riga o colonna, ma in questo caso abbiamo più di una riga e colonna. Qualsiasi esempio sarebbe utile!

3
imagine

Alcuni dati divertenti di Edward Tufte: i tassi di mortalità per cancro .

enter image description here

Cosa possiamo vedere da qui?

  • Tufte conosce una o due cose su esempi divertenti
  • Le dinamiche del tasso di mortalità nel corso degli anni.

Come possiamo applicarlo al nostro esempio? Letteralmente:

enter image description here Entrate europee in miliardi di dollari di una società fittizia. L'amministratore delegato dell'azienda ha utilizzato con successo questa visualizzazione dei dati per dimostrare che vale il suo business jet.

Nel nostro caso, i grafici sono ancora più illustrativi. Mentre i pazienti di Tufte stanno morendo tutti, le nostre regioni possono sia emergere che cadere. E lo vedremo all'istante.

1
Ivan Braun

Posso suggerire di prendere in considerazione la visualizzazione fianco a fianco, con indicatori visivi di differenza?

Se riesci a elaborare ciò che è importante (cambiamento/discrepanze, vedere se i valori sono più alti o più bassi, ecc.), Ciò sarebbe utile, ma se dovessi implementare qualcosa in base alle informazioni limitate fornite, prenderei in considerazione la visualizzazione del lato due tabelle a lato (supponendo che ciò sia possibile, l'esempio indica quattro colonne che non sono un sovraccarico di dati). La prima tabella sarebbe il "riferimento", mentre le celle della seconda tabella sarebbero contrassegnate per indicare differenze rispetto alla prima (forse colorate in rosso per valori più bassi e in verde per valori più alti?) In questo modo:

Example of two tables, side by side, with cells colored to indicate differences.

Potresti associarlo a un metodo semplice per scambiare le aziende, nonché una sorta di "query builder" primitivo per consentire agli utenti di selezionare solo le colonne che contano per non sovraccaricarle di informazioni.

Se si utilizzano i colori, è anche possibile regolare la saturazione della colorazione della cella in modo che corrisponda all'entità della differenza di valore.

Questa idea può essere o non essere appropriata in base alla struttura dei dati. Se si sceglie questa idea, potrebbe essere necessario regolare i colori per adattarsi ai non vedenti.

- Modifica -

Sulla base del commento di Andrew Martin in merito ai non vedenti, è possibile prendere in considerazione un'implementazione simile di questa idea, come l'utilizzo di piccole icone a freccia nelle celle per indicare le differenze anziché il colore. Inoltre, secondo il suo commento, questi "indicatori di differenza" possono richiedere una frase che ne chiarisca il significato, possono trasmettere un significato involontario a coloro che non hanno familiarità con l'interfaccia e potrebbero non essere appropriati per ogni colonna/riga.

1
TernaryTopiary

I dati possono essere uniti in una tabella e presentati in questo modo? Ciò evita all'utente di dover saltare avanti e indietro tra due tabelle e potrebbe essere più facile da usare su finestre più piccole.

Chart with A/B comparisons in one table

0
Stacy H