Wie verwende ich Designs in einem gestapelten Balkendiagramm mit präzisen Statistiken?

Du musst mich ertragen, ich werde mich schwer tun zu beschreiben, was ich meine.

Ich erstelle ein Diagramm, das in etwa so aussieht:Geben Sie hier die Bildbeschreibung ein

Nur dass meine Zahlen keine ganzen Zahlen sind. In dieser ersten Zeile hätte ich zum Beispiel eine Zahl wie 2,4 und ich möchte, dass diese Person im Bild zu 40 % eine Farbe und zu 60 % die andere Farbe hat und einen Abstand zwischen den Personen hat. Ich bin mir nicht sicher, wie ich dies mit den Wiederholungs- / Abschneideeinstellungen in den gestapelten Balkendiagrammen von Illustrator erreichen soll.

Fühlen Sie sich frei, mir zu helfen, diese Abfrage neu zu formulieren, damit andere sie besser verstehen können.

Und wenn ich das falsche Werkzeug für den Job verwende, sagen Sie mir das.
Ich kann mir vorstellen, dass Sie es möglicherweise nur manuell anpassen müssen, um es Ihren speziellen Anforderungen anzupassen.
Ich habe das einmal gemacht, weiß nicht mehr, ob es hier oder auf einer anderen Seite war (ich glaube, es war eine andere Seite) und es hat erklärt, wie man das Objekt auswählt und wie man die Fläche mit dem Histogramm berechnet. Es war ziemlich kompliziert. Versuchen Sie, bei Google nach etwas über den Formbereich in Photoshop zu suchen. Wenn ich Zeit habe, werde ich versuchen, mich zu erinnern und über das Wochenende eine Lösung zu posten.
Interessant. Manuell ziemlich einfach, aber Sie möchten die Diagrammfunktion von Illustrator verwenden?
Daher eignen sich Piktogrammdiagramme wie diese am besten für Fälle, in denen Ihr Publikum eher eine allgemeine Idee als Präzision wünscht (und daher werden die angezeigten Zahlen in der Regel gerundet, um das Problem zu vermeiden, wie in Ihrem Beispiel). Wenn Ihr Publikum mehr an den genauen Zahlen interessiert ist, ist ein normales Balkendiagramm wahrscheinlich besser geeignet.

Antworten (3)

Das ist vielleicht nicht das, was Sie wollen, aber ich habe stattdessen einfach den Diagrammteil (Datenpunkte) horizontal gedreht und eine Box mit menschenförmigen "Löchern" darauf gelegt. (Ich bin irgendwie auf die Idee gekommen, dass Sie sich die menschlichen "Balken" vertikal vorgestellt haben?) Sie könnten eine Art numerische Skala hinzufügen - oder nicht.

Geben Sie hier die Bildbeschreibung ein

Clevere Lösung.
Clever, aber um technisch genau zu sein, müsste Illustrator die Lücken kennen, damit beispielsweise 19,9 und 20,1 nicht beide wie 20 aussehen. Ich nehme an, Sie könnten die Zahlen in der Tabelle verfälschen?
Ja, das habe ich mir überlegt: Man könnte die Lücken zwischen den Zahlen berücksichtigen und sozusagen "herausrechnen". Oder, einfacher, die Lücke verkleinern: In diesen Fällen fällt die Trennung zwischen Orange und Braun zwischen die Zahlen; Nun, das beschreibt die Daten irgendwie. Bei dieser Art der Visualisierung geht es nicht wirklich darum, auf Nanoebene korrekt zu sein. Meine Skizze war ein bisschen wie ein schneller und schmutziger Job; mit Verfeinerung könnte es gut funktionieren.
Recht. Am Ende habe ich für das Projekt nur auf ganze Zahlen gerundet, aber (je nach Ikonographie/Thema) kann ich mir vorstellen, so akribisch zu werden wie auf das nächste Viertel oder sogar das nächste Achtel zu runden. Trotzdem danke für die nette Idee!

1- Machen Sie Ihre Reihe von Menschen zu einem zusammengesetzten Pfad. Stellen Sie sicher, dass sie nicht gruppiert sind, heben Sie die Gruppierung bei Bedarf auf, wählen Sie sie dann alle aus, klicken Sie mit der rechten Maustaste und wählen Sie "Zusammengesetzten Pfad erstellen".

2- Wenden Sie einen Farbverlauf auf die Füllung der Personenreihe an. Weisen Sie ihm im Verlaufsfenster einen beliebigen Verlauf zu. Da die gesamte Reihe ein zusammengesetzter Pfad ist, der als einzelne Form behandelt wird, verläuft der Farbverlauf über die gesamte Reihe.

Geben Sie hier die Bildbeschreibung ein

3- Ändern Sie bei noch ausgewählter Zeile die linke Farbe des Farbverlaufs in Schwarz, wenn dies nicht der Fall ist. Doppelklicken Sie auf den Ziehpunkt für die linke Seite des Farbverlaufs. Ändern Sie die Farbe in Schwarz, wenn dies nicht der Fall ist. Klicken Sie auf eine beliebige Stelle, um die Änderung zu akzeptieren.

4- Angenommen, die Prozentsätze für diese Zeile sind 40 % Schwarz und 60 % Gelb. Ändern Sie am unteren Rand des Fensters (zeigen Sie die Optionen an, wenn sie ausgeblendet sind, indem Sie auf die rechte obere Ecke klicken) den Positionswert auf den Prozentsatz von Schwarz (40). Stellen Sie sicher, dass die Deckkraft 100 % beträgt.

Geben Sie hier die Bildbeschreibung ein

5- Ändern Sie bei noch ausgewählter Zeile die rechte Farbe in Gelb. Ändern Sie den Positionswert in den Prozentsatz von Schwarz (wieder die gleiche Zahl, 40, nicht 60, was der Prozentsatz von Gelb wäre).

Geben Sie hier die Bildbeschreibung ein

6- Da beide Positionen gleich sind, ergibt der Farbverlauf keinen fließenden Übergang, sondern einen drastischen Übergang von Schwarz zu Gelb.

Das ist auch eine coole Idee.
Heh, ich finde es toll, dass die beiden besten Lösungen hier darin bestehen, die Diagrammfunktion von Illustrator überhaupt nicht zu berühren. Zeit für sie, das zu verbessern, denke ich.
@Zelbinian: Stimmt! Diagramme und Infografiken sind ein großer Teil der Illustration.

@Zelbinian es scheint mir, dass Sie in Ihrer Frage zwei Arten der Darstellung miteinander verschmelzen.

Wenn Sie ein Isotyp-Diagramm erstellen, repräsentiert jedes Piktogramm eine bestimmte Anzahl von Dingen. Um einen höheren Wert zu schaffen, fügen Sie einfach weitere Piktogramme hinzu. Es gibt keine skalierten x- oder y-Achsen. Da die Piktogramme normalerweise in Reihen angeordnet sind, ist die Breite eines Symbols das Maß, um das Sie sich kümmern müssen. Wenn Sie ein Bruchmaß darstellen müssen, können Sie einfach die Breite des Piktogramms teilen. Ein Ausgangspunkt für Isotype: http://en.wikipedia.org/wiki/Isotype_(picture_language)

Wenn Sie ein Balkendiagramm oder ein gestapeltes Balkendiagramm erstellen, zeigt die Länge des Balkens (oder die Höhe der Säule) im Vergleich zu einer Skala auf einer Achse den spezifischen Wert an. Die Gesamtausdehnung eines Balkens im Vergleich zu anderen gibt dem Leser einen schnellen, aber groben Hinweis auf das relative Maß.

Sie können einem Piktogramm einen bestimmten Wert zuweisen. Angenommen, Sie haben dargestellt, wie viele Tausend Tonnen Güter in einem Jahr per LKW verschifft werden. Sie könnten aus einem LKW-Symbol eine Legende machen: 1 LKW-Piktogramm = 1000 Tonnen. Wenn Sie 12.000 Tonnen hätten, würden Sie 12 Lastwagen zeigen. 12.250 Tonnen wären 12 und viertel Lkw.

Sie können Ihr Piktogramm in Brucheinheiten unterteilen, indem Sie: ein Rechteck über das Piktogramm ziehen, das seiner Breite entspricht. Setzen Sie in Illustrator den Bezugspunkt auf Mitte links. Verwenden Sie bei ausgewähltem Rechteck das Breitenwertfeld und geben Sie mathematische Werte wie 1 * 0,4 für 40 % ein und drücken Sie die Eingabetaste. Wählen Sie sowohl Ihr Piktogramm als auch Ihr Rechteck aus und gehen Sie dann zu Objekt > Schnittmaske > Erstellen (⌘7 auf einem Mac). Wenn Sie möchten, dass ein Piktogramm 40 % von einer Sache und 60 % von einer anderen darstellt, erstellen Sie ein weiteres auf die gleiche Weise, jedoch von der gegenüberliegenden Seite, und richten Sie dann die Kanten aus.

Es kann sein, dass Sie kein Isotyp-Diagramm erstellen möchten oder es nicht für die Informationen geeignet ist, die Sie ausdrücken müssen. In diesem Fall ist es viel besser, ein einfaches und übersichtliches Balkendiagramm zu erstellen. Ich empfehle dringend, nicht zu versuchen, Piktogramme auf die Leiste (oder Säulen) abzubilden, da Isotype einfach nicht dafür geeignet ist. Setzen Sie stattdessen auf Genauigkeit und Klarheit in den Informationen. Platzieren Sie zusätzliche Beschriftungen über den Spalten oder am Ende der Balken, um genaue Maße anzugeben, insbesondere wenn die Skalen weit entfernt sind und einen Vergleich erschweren. Wenn Sie visuelles Interesse wünschen, verlassen Sie sich eher auf Farbe, Kontrast und Größe als auf Dekorationen, die keine Bedeutung hinzufügen.

Ich würde das alles veranschaulichen, aber ich muss wirklich schlafen. Ich melde mich morgen oder am Freitag nochmal.