Инфо открыточки
[info]infographer

Originally published at Infographer. You can comment here or there.

Всех с Рождеством и продолжающимися праздниками! Ниже — тематические открыточки, созданные самыми разными людьми. Такие открытки получаются самыми остроумными, но и продуманности они тоже требуют. Подстройка под форму ёлочки иногда играет свои шутки.

Пожелание от Ивана Белова — жаль только начинать надо с нуля и январь как-то перетерпеть:

инфографическая открытка

Новогодний таймлайн от Дмитрия Кашубы

От журнала Инфографика (правда смысл не доконца понятен с пропорциями 2011 и 2012, то ли остались последние минуты перед 2012, то ли в 2012 будет немного воспоминаний об 2011), тем не менее:

новогодние инфографические открытки

Поздравление от Натана (Flowing Data) — оси тоже взяты условно за количество сладостей, к концу Кристмаса точно слипнется

инфографические поздравления

Энергии вам на весь оставшийся год!

 

 


Wie moderne Infografik geschafft wird. Eine Übung im Illustrator
[info]infographer

Originally published at Infographer. You can comment here or there.

Beschreibung der Übung:
  • Programm Adobe Illustrator CS4
  • Schwierigkeitsgrad: mittlere
  • Ungefähre Dauer: 3 Stunden
  • Autor: Jonathan Patterson

Wir finden diese Übung interessant, denn man braucht während der Erfüllung von Aufgaben verschiedene Illustrator-Werkzeuge zu verwenden, und das ist wirklich nützlich sowohl für diejenigen, die eigentlich Infografiken schaffen, als auch für diejenigen, die sich nicht für so begabt halten, die Vektorgrafiken mit geschlossenen Augen zu machen.

Der Arbeitsprozess wird am Beispiel dieser Abbildung beschrieben:

как создавать инфографику

Dann wird alles ausführlich erklärt, wie vierspaltiger Raster gemacht werden kann, ausführlich in 6 Schritten:

Titel und Dekorelemente (Sie lernen, was Sie mit der Transparenz- und Verlauf-Werkzeugen tun sollen):

Dann beginnt schon für uns ein sehr interessantester Teil — Erstellen von Diagrammen mit Hilfe des Illustrators.

Ich soll hier aber betonen: (1) Möchten Sie eine ausführlichere Anleitung zu diesem Illustrator-Werkzeug lesen, sowie eine Beschreibung von allen zugänglichen Diagrammen finden, besuchen Sie die Webseite der Zeitschrift ComputerPress. (2) Wir finden aber dieses Werkzeug schon längst überholt, deswegen lösen wir diese Aufgaben viel einfacher: zuerst erstellen wir nötige Diagramme im Excel, denn dieses Programm lässt viel effektiver diese Diagramme bearbeiten, sowie es gibt da viel mehr Diagrammtypen. Später kopieren wir sie einfach in den Illustrator — die Diagramme werden vektorisiert, man kann sie sowieso manipulieren.

Jonathan demonstriert uns schrittweise drei einfache Diagrammtypen: Kreis- , Säulen- und Liniendiagramme.

как делается инфографика

как делается инфографика

Merken Sie bitte auch, dass die Legenden und Unterschriften mit der Hand hinzugefügt werden, deshalb kann man einen Unachtsamkeitsfehler begehen, besonders wenn es zu viele Angaben gibt.

Ich finde ja den nächsten Schritt in dieser Übung am wichtigsten und in der täglichen Arbeit anwendbar. Die Rede ist vom Erstellen der Graphen aus Objekten im richtigen Verhältnis.

Zuerst wurden zwei unabhängige Objekte erstellt — ein Männchen und ein Liniendiagramm. Dann haben wir sie angeordnet, mit Hilfe von Pathfinder geschnitten. Und dann haben wir noch Scherchen angemalt, um das netter zu machen.

Weiter werden die endgültige Komposition, sowie Arbeit an dem Text angeführt. Alle 40 Schritte lernen Sie bei Vector.tutsplus kennen.

Tags:
  • Leave a comment
  • Add to Memories

С Новым Годом!
[info]infographer

Originally published at Infographer. You can comment here or there.

Под конец года мы подготовили открыточку, рассказывающую об отличиях Дедов Морозов и их свит. Удачи всем, достижения целей и хороших эмоций! И не пугайтесь если встретите на улице странное существо, возможно оно сопровождает чешского Деда Мороза!

Ваш Infographer. До встреч в 2012м году! Обещаем много интересного:)


Sankey Diagram — the trend of this season
[info]infographer

Originally published at Infographer. You can comment here or there.

Previously, we published a post devoted to these diagrams. But it does not make it less interesting. These diagrams are irreplaceable when visualization of a flow, its direction, and its width is critical. And when such diagrams stay in mind, they are getting used more and more.

Here are more details on how to use these diagrams. There aren't many instrument for its construction — Excel, Many Eyes and Tableu aren't one of them. Manual construction is quite complicated — the width is hard to adjust by hand.

We found a great resource -E-Sankey. Easy-to-build instructions are on its website ; define the beginning and the end, then set a width with a number, and manipulate it. You can also choose a color and other options to it. For the sake of an experiment, we used its free version — it seems to work fine.

The example composed by developers of E-Sankey diagram — traffic load diagram, is posted below. In my opinion, there is no better way for visualization of such data.

диаграмма Sankey, инфографика

We used these Sankey diagrams for our project. Our task was to compose a presentation on consumption and effective savings of Samara Region's resources. In this presentation, we needed to show amounts of generated energy, its transportation process, its consumption by different groups  and its looses on these stages. In my opinion, Sankey is the right choice for such tasks.

инфографика сбережения воды

инфографика

Read the rest of this entry » )

Agrocomplex Mansurovo. Animation
[info]infographer

Originally published at Infographer. You can comment here or there.

It's our pleasure to post the animation we created for Agrocomplex Mansurovo, located in Kursk region. Our client provided us with fertile material; the complex combines number of innovative technologies and makes its production almost waste-free. Learn more about the features of this complex from the reel.

Production team:

  • Scenario, data processing and project management: Maxim Gorbachevskiy, Olga Ivanova
  • Design and illustration: Maria Lisitsyna and Andrey Lisitsyn
  • Animation: Vladimir Shvagir
So here is the story line and the reel, which speaks for itself:

Инфографика в анимации

 


Wie Kleine zu Großen werden
[info]infographer

Originally published at Infographer. You can comment here or there.

Diese Woche achtete ich auf zwei Arbeiten mit absolut gleicher Idee, die Entwicklung von verschiedenen Marktspielern darzustellen.
Der Stammbaum wird auf die Zeitspanne angelegt:
  1. Luftverkehrsgesellschaften (herbstliche Stimmung, mit den fließenden Linien und warmen Farbtönen)
  2. Banken (viel utilitaristischere und härtere Arbeit)
инфографика
инфографика авиакомпаний
инфографика, банковский сектор
инфографика
Es fehlt aber in beiden Beispielen am Umsatz dieser Firmen, um den Maßstab besser zu verstehen. Als ich diese Phrase geschrieben hatte, sagte mein Hirn noch über eine Arbeit — wie sich die Werbeagenturen entwickelten. Da werden die Umsätze mit den Endpoints inkorporiert.</p> Read the rest of this entry » )

Es wurde neuer Diagrammtyp entwickelt, der die planmäßigen Kennziffern mit den faktischen vergleiche
[info]infographer

Originally published at Infographer. You can comment here or there.

Vorige Woche fehlten uns Kräfte wenigstens eine Zeile in den Blog zu schreiben — 4 Tage lang führten wir ein Training beim Departement für Analytik Inter RAO UES durch. Wir haben sehr produktiv die Zeit verbracht und vielleicht einen neuen Diagrammtyp als Lösung einer Aufgabe erfunden!

Die Aufgabe war folgend: Sie besitzen einige Gewinnposten (z.B. 5) und brauchen zu zeigen, wodurch sich bei jedem Gewinnposten die planmäßigen Kennziffern von faktischen unterscheiden. Dabei soll man jeden Posten im Gesamtergebnis widerspiegeln. Noch ein Punkt dazu: das braucht man im Excel zu erstellen, und die Informationen sollen problemlos aktualisiert werden.

Wenn die planmäßigen und faktischen Kennziffern verglichen werden, verwendet man gewöhnlich Diagramme a la Tachometer und Drehzahlmesser, aber solche Diagramme stellen keine Größe von Kategorien dar. Dazu ist es ja merkwürdig, 5 „Drehzahlmesser“ in einer Linie zu erstellen.

Ziemlich gewöhnliche Varianten sehen so aus (zugrunde wurden Säulendiagramme gelegt):

Während unseres Trainings haben die Teilnehmer eine ganz neue Variante auf Grund pie chart angeboten. Die Größe eines Sektors zeigt die Bedeutung eines Gewinnpostens im Gesamtergebnis, dabei entspricht seine Höhe der Planerfüllung. Also „blauer Gewinnposten“ ist bei uns am größten, d.h. die Gewinnpläne werden übererfüllt.

Außerdem sind wir noch darauf gekommen, wie dieses Diagramm im Excel erstellt werden könnte. Dazu stellten wir die Kreis- und  Netzdiagramme zusammen. Es gibt noch viele nachträgliche technische Details, doch das Diagramm funktioniert!

Read the rest of this entry » )
  • Leave a comment
  • Add to Memories

Bildfahrplan
[info]infographer

Originally published at Infographer. You can comment here or there.

Diese Materialien wurden von unserem Gleichgesinnten Alexander Horoschych vorbereitet.

Können Sie sich an dem Bildfahrplan zwischen Paris und London erinnern, der auf dem Umschlag von E. Tufte prangt und in seinem Buch analysiert wird? Wenn wir ihn in den Seminaren darstellen, löst dieser Bildfahrplan eine stürmische Reaktion aus. Dazu bezweifelt man oft ihn im gewöhnlichen Leben anzuwenden. Also die Fachkräfte nutzen wirklich diesen Bildfahrplan, in Russland, in der Gegenwart.

железнодорожное расписание - инфографика

инфографика

Verwendung in Russland

Der Bildfahrplan wurde in der Mitte des 19. Jahrhunderts von den russischen Wissenschaftlern und Ingenieuren vorgelegt und 1854 auf der Bahnstrecke zwischen Sankt Petersburg und Moskau eingeführt. Zurzeit gilt der Bildfahrplan als Grundlage des Eisenbahnbetriebs, er lässt die Arbeitsprozesse aller Eisenbahnämter miteinander übereinstimmen, die effektivere Zusammenarbeit zwischen den Büros auf den konkreten Eisenbahnstrecken sowie -richtungen erreichen, ihre Tätigkeit mit anderen Verkehrsträgern und Industriebetrieben besser koordinieren. Die Verwendung der Bildfahrpläne lässt auch sowohl den Güter- und Personenverkehr vollständig erschließen, als auch die Verkehrsleistung von Bahnstrecken am effektivsten nutzen.

Zwecke

Der Bildfahrplan wird nicht nur am Eisenbahnverkehr angewandt, sondern auch in der U-Bahn. So Lehrbuch für Studenten der Eisenbahnhochschulen:

Der Bildfahrplan ist die Grundlage des Eisenbahnverkehrs; genau er verknüpft die Tätigkeiten aller Eisenbahnämter und lässt:

  • Bedürfnisse nach dem Güter- und Personenverkehr erfüllen;
  • Sicherheit des Eisenbahnverkehrs gewährleisten;
  • Verkehrsleistung von Bahnstrecken sowie Leistungsfähigkeit der Abstellbahnhöfe effektiv nutzen;
  • zweckmäßig die Fahrzeuge betreiben;
  • festgesetzte Arbeitsdauer der Lokomotivbesatzung einhalten;
  • laufende Erhaltungs- und Verbesserungsarbeiten der Bahnstrecken, Sicherungs- und Verbindungseinrichtungen, sowie Elektrizitätsversorgungsanlagen ermöglichen.

Erstellen des Bildfahrplans

Das Netz des grafischen Fahrplans: die Waagerechten entsprechen den Bahnhöfen (Volllinien) oder den Haltepunkten (Strichlinien). Das Fahrplanfeld wird von den Senkrechten in 24 Teile aufgeteilt — das sind 24 Stunden. Zur Bequemlichkeit sind die den Stunden 06, 12, 18 und 24 entsprechenden Senkrechten dicker als andere gezeichnet. Jede Stunde ist auch in 6 gleiche Teile geteilt — das sind die 10-Minuten-Abschnitte; die Linie, die 30 Minuten bezeichnet, ist gewöhnlich gestrichelt.

Read the rest of this entry » )
Tags:

Wie kann man Dashboards erstellen, die die Menschen gerne gebrauchen?
[info]infographer

Originally published at Infographer. You can comment here or there.

Führende Forschungsagentur Juice analytics hat einen Guide über die Armaturenbrett-Erstellung veröffentlicht. Alle Regeln sind zwar nicht theoretisch, sondern aus eigener Erfahrung abgeleitet.

Die Empfehlungen sind in 3 Teile geteilt:

Teil Nr.1: Was nützt Ihrer Organisation Dashboard? Wie kann man richtige Zielgruppe während der Dashboard-Erstellung und den Typ Ihres Armaturenbretts bestimmen?

Teil Nr. 2: Womit kann man die Erstellung beginnen, welche Metriken auswählen, wie kann die Publikumsaufmerksamkeit auf die wichtigsten Dinge konzentriert werden?

Teil Nr. 3: Рекомендации Die Empfehlungen von den Informationsdesignern, wie die Angaben im Bericht aufgestellt werden sollen, sowie welche grafischen Darstellungen benutzt werden können

Read the rest of this entry » )
  • Leave a comment
  • Add to Memories

Sankey-Diagramm — ein Saison-Trend
[info]infographer

Originally published at Infographer. You can comment here or there.

Es gibt schon einen Post über diese Diagrammchen. Aber die werden nicht weniger schön davon. Dieses Diagramm ist notwendig, wenn ein Pfeil gezeigt werden soll — seine Richtung und Dicke. Und je öfter du dich daran erinnerst, desto mehr gibt es Fälle dessen Verwendung.

Und jetzt ausführlicher über die Verwendung! Es gibt nicht so viele Mittel, es zu erstellen — Excel kann das nicht, Many Eyes und Tableu auch. Es ist zu kompliziert, dieses Diagramm manuell zu erstellen — man braucht die Pfeildicke zu prüfen und jede im Einzelnen zu bearbeiten.

Wir haben eine spezielle Software E-Sankey gefunden. Da kann man die Sankey-Diagramme ganz einfach erstellen — auf der Website gibt es eine Schritt-für-Schritt-Anleitung. Du gibst den Anfang und das Ende vor, setzt die Pfeildicke durch die Zahl fest, dann kannst diesen Pfeil manipulieren. Es lässt sich auch einige Farben, sowie die Bearbeitungsoptionen auswählen. Ehrlich gesagt, nutzten wir kostenlose Version und vektorisierten schon oberhalb. Wir wollten fürs erste kein Geld ausgeben. Außerdem funktionieren einige Excel-Daten nicht immer.

Unten wurde ein Beispiel von den Entwicklern des E-Sankey-Diagramms angeführt, wie man es für die Darstellung des Autoverkehrs auf der Straßenkreuzung nutzen kann. Wahrscheinlich ist das ein genialer Fall, ich weiß nicht, wie es besser visualisiert werden könnte.

диаграмма Sankey, инфографика

Im Juli nutzten wir solche Sankey-Diagramme, um den Verbrauch und effektive Einsparung von Naturschätzen im Gebiet Samara darzustellen. Wir brauchten Volumen der erzeugten Energie, ihre Lieferung, den Verbrauch von verschiedenen Gruppen, sowie die Verluste auf jeder der Etappe zu zeigen. Meines Erachtens war Sankey-Diagramm eine richtige Lösung.

инфографика сбережения воды

инфографика

Read the rest of this entry » )

You are viewing [info]infographer's journal