Bessere Möglichkeit, drei Daten in einem Diagramm für eine Website anzuzeigen


7

Beachten Sie, dass sich die älteste Antwort vor dieser letzten Bearbeitung auf mein Diagramm bezog. Es war eine großartige Antwort, bitte rabattieren Sie sie nicht aufgrund meiner Bearbeitung.

Ich möchte anzeigen, wie viel ich studiert habe und wie viele Seiten ich im Laufe der Woche abgeschlossen habe, aufgeteilt nach Tag, und dies wie folgt: Geben Sie hier die Bildbeschreibung ein

Ich habe von Leuten erfahren, dass sie die Grafiken nicht verstehen können, aber ich habe keine Ahnung, wie ich sie sonst anzeigen kann.

Wie kann ich diese deutlicher anzeigen?


Ich könnte sie als eine Reihe unabhängiger Liniendiagramme anzeigen, aber nach 12 Wochen werden sie absurd überladen aussehen.

In diesem Fall , dass Sie es in Gruppen aufteilen könnten: All time, Month, Week. Hier gibt es ein Wiederholungsdiagramm, mit dem Sie zoomen können. Es gibt auch andere Möglichkeiten, z. B. durch Klicken auf einen Link oben im Diagramm können Sie tiefer in das Diagramm eintauchen ... oder so ähnlich. Sie könnten sich Dienste ansehen , die eine Art grafisches Diagramm und möglicherweise Diagrammskripte / Plugins anbieten, um zu sehen, was sie bieten. Zum Beispiel: nvd3
Joonas

1
Das scheint mir ziemlich einfach zu sein. Vielleicht können deine Freunde keine Grafiken lesen. :)
Lauren-Clear-Monica-Ipsum

@LaurenIpsum Das habe ich mir überlegt;).

Antworten:


2

Nun, ich habe es mit Illustrator versucht und es von Hand gemacht, ohne zu wissen, wie man diesen Prozess automatisiert. Ich habe mir nur die Seiten pro Tag und pro Woche angesehen und bin zu dieser Tabelle gekommen:

Seiten pro Tag und Woche

Grundsätzlich wird ein Minidiagramm mit dem Fortschritt für jeden Wochentag über einem Balken angezeigt, in dem die Gesamtseiten der Woche angegeben sind.

Ich fing an, die Stunden auf ähnliche Weise zu visualisieren, wobei ich 1 Stunde lang einen vollständigen Kreis und eine halbe Stunde lang einen Halbkreis verwendete.

Stellen Sie möglicherweise die Stunden des Studiums pro Tag über den Balken für die Seite, wobei Sie die gleiche Farbcodierung beibehalten oder nicht. Sie müssten damit spielen und sehen, was am besten aussieht. Es gibt auch Platz für kleine Zahlen auf jeder Bar.


3

Zunächst die Gründe für die Verwirrung diagnostizieren:

  • Ihre verschiedenen Nachrichten konkurrieren miteinander. Zuerst bemerkt der Betrachter, dass Woche 1 viel produktiver war als Woche 2 - dies ist die auffälligste Botschaft. Dann stellen sie fest, dass dies nicht sehr aussagekräftig ist, da es in Woche 1 mehr Tage als in Woche 2 gab.
  • Dann schauen sie sich einzelne Tage an und die Bestellung wird verwirrend. Die meisten "im Laufe der Zeit" -Datengrafiken haben Tage, die gleichmäßig verteilt und in Ordnung sind. Hier müssen Sie mehrere Farben auf dem Schlüssel nachschlagen, bevor Sie herausfinden, dass die Tage meistens von oben nach unten verlaufen. Dann ist es verwirrend, dass Woche 2 anders erscheint (Samstag, Sonntag, Freitag? Warum beginnen die Wochen an verschiedenen Tagen?).
  • Dann gibt es die große Menge an Augenzwinkern zwischen dem Schlüssel und dem Diagramm, um einen bestimmten Tag zu überprüfen.

In der idealen Lösung wird es wahrscheinlich sein:

  • einfach und intuitiv den Fortschritt im Laufe der Zeit zu verfolgen,
  • leicht zu erkennende Tage, die produktiv sind, und Tage, die weniger produktiv sind
  • Es ist leicht zu erkennen, in welchen Wochen der Großteil der Arbeit erledigt wurde, ohne dass dies durch Tage, die noch nicht geschehen sind, oder Tage, an denen aus irgendeinem Grund keine Arbeit erledigt werden würde, zu verzerrt wird

Eine wirklich gute Technik für Fälle mit vielen Mini-Sets ziemlich einfacher Daten ist ein Raster kleiner Diagramme im gleichen Maßstab . Dies wird manchmal als "kleine Vielfache" bezeichnet. Jeder arbeitet unabhängig und Sie können problemlos den gesamten Satz scannen, um Muster und allgemeine Trends zu sehen.

Hier ist ein sehr einfaches schnelles Beispiel (benötigt einen Titel), in dem Sie schnell sehen können:

  • Sie haben ihre Arbeitsquote in den letzten zwei Wochen des Projekts erhöht,
  • Sie beginnen die meisten Wochen gut und verlieren dann den Fokus, bevor sie hart arbeiten, um am Freitag aufzuholen
  • Sie waren die meiste Zeit der vierten Woche weg, haben aber am Wochenende hart gearbeitet, um aufzuholen

Geben Sie hier die Bildbeschreibung ein

Ich würde dafür gefüllte Bereiche gegenüber Linien bevorzugen, damit Sie einen einfachen, intuitiven Überblick über das wöchentlich durchgeführte Volumen erhalten.

Spalten funktionieren auch - etwas klarer und leichter nachzuschlagen an bestimmten Tagen, aber etwas weniger intuitiv in Bezug auf Lautstärke und Richtung und auf den ersten Blick geschäftiger.

Geben Sie hier die Bildbeschreibung ein


Sehr schöne Antwort, ich werde sehen, was ich damit machen kann. Vielen Dank, ich bin sicher, ich werde noch etwas dazu fragen.

Woher kamen Ihre Beispieldaten aus Neugier?

Ich habe es gerade
erfunden

Oh, dann sehr schön :)

In welcher Software? Excel?

2

Ich werde meine Antwort in mehrere Teile aufteilen.

I. Art des Lesers

Es gibt drei Arten von Personen, die Diagramme verwenden:

a) Die Personen, die eine Grafik lesen können.

b) Diejenigen, die kaum eine Grafik lesen können .

c) Diejenigen, die nach einer ganz bestimmten Information suchen .

Die 1. Art ist mir egal. Jede hässliche Grafik reicht aus.

Für den Typ b benötigen Sie viel Aufwand, interaktive Diagramme, mehrere Diagramme, die unterschiedliche Ansätze zeigen (nach Tag, nach Woche, über alle Zeiten, nach Tag, nach Woche), das Verschieben von Diagrammen, Cartoons ...

In den meisten Fällen sollte der Ansatz jedoch darin bestehen, dass der Benutzer sehr spezifische Daten sehen muss.

Ich gehe davon aus, dass Sie wissen, nach welchen Daten Ihr Leser sucht .

In Ihrem Diagramm ist das Wichtigste die Gesamtstunden des Studiums in einer Woche und Ihre Leistung in den verschiedenen Wochen. Wenn Sie dies benötigen, ist diese Art von Grafik in Ordnung.

Der Rest der Daten ist in Ihrem Diagramm nicht wichtig.

II. Die visuellen Informationen

Okay, da ich davon ausgehe, dass Sie den richtigen Diagrammtyp und Ansatz gewählt haben und dies die Grafikdesign-Site ist, werde ich Ihr Diagramm analysieren.

Analyse des Bildes

Daten angezeigt

1) Niemand auf dem Planeten liest die Stunden in so vielen Dezimalstellen. "Ich habe 4.1582 Stunden studiert ... !!" Reduzieren Sie die Dezimalstellen auf nur 1.

Beseitigen Sie alle 0, die keinen Sinn haben, indem Sie sie in Ihrer Excel-Tabelle löschen.

2) Wenn in den Balken die Tage steigen (Montag unten und Sonntag oben), muss das Gehirn des Lesers beim Lesen am Farbtag zwischen widersprüchlichen Dimensionen springen: von links nach rechts sind in der Realität von unten nach oben . Stellen Sie Ihren Farbtag in die gleiche vertikale Abmessung wie die Balken.

3) Wiederholen Sie nicht die gleichen Informationen. Dieser Titel entspricht dem Diagrammtitel.

4) Wiederholen Sie nicht Woche, Woche, Woche, Woche, Woche ...

Stil

3-4) Erleichtern Sie die Lesbarkeit dieser Titel und verwenden Sie eine bessere Schriftgröße. Das Ziel eines Diagramms ist es, alle Informationen auf einen Blick zu sehen.

5) Der Gesamtanteil und der Abstand des Diagramms (zwischen den Spalten) geben das Gefühl, zu viele Daten zu sein. Mach es angenehmer.

6) Sie können einige visuelle Hilfsmittel wie diese winzigen Linien geben, die Montag mit Montag verbinden usw.

7) Machen Sie den gesamten visuellen Stil angenehmer. Die Informationen können identisch sein, aber wenn sie interessanter dargestellt werden, versucht der Beobachter, die Informationen genauer zu betrachten.

Zusätzliche Tipps:

Ich konnte keine Möglichkeit finden, die Gesamtstundenzahl oben in der Spalte zu platzieren. Wahrscheinlich ist es nützlich.

Ich habe keinen Weg gefunden, die Farbquadrate neben den Tagen zu vergrößern. Das wäre leichter zu lesen.


Durch die Nutzung unserer Website bestätigen Sie, dass Sie unsere Cookie-Richtlinie und Datenschutzrichtlinie gelesen und verstanden haben.
Licensed under cc by-sa 3.0 with attribution required.