Echtzeitstatistiken mit Infogrfx.

Echtzeitstatistiken mit Infogrfx.

Interaktive Infografiken liegen im Trend. Solch eine Echtzeitstatistik lässt sich relativ einfach mit Infogrfx erstellen.

Und das Beste daran: Die Bedienung des Tools ist denkbar einfach. Beispiele gefällig?

Bildschirmfoto 2016-01-03 um 19.27.13

Hier die Kurzanleitung für Infogrfx:

  1. Bildschirmfoto 2016-01-03 um 19.26.37
    Die Bedienoberfläche von Infogrfx erinnert stark an WordPress

    Zunächst braucht es eine Registrierung bei Infogrfx. Nachdem man sich angemeldet hat, leitet einen das Tool auf eine Seite, die stark an das Dashboard von WordPress erinnert. Wer sich dort ein wenig auskennt, findet sich auch bei Infogrfx schnell zurecht.

  2. Die eigenen Projekte werden alle unter „My Infographics“ abgelegt. Dort lassen sich über den Menüpunkt „Create Infographic“ auch neue Echtzeitstistiken erstellen.
  3. Das folgende Fenster ist wie das „Beitrag erstellen“-Formular bei WordPress. Man arbeitet es einfach von oben nach unten durch, vergibt also zunächst einen Titel für die Infografik, dann eine kurze Beschreibung (die aber auch entfallen und im eigenen Blog erfolgen kann) und scrollt weiter nach unten, bis man zum Daten-Dialog kommt.
  4. Auch dort arbeitet man sich von oben nach unten durch und legt das Design fest. Zunächst kann man die Sprache auf Deutsch umstellen, angeben, ob die einzelnen Boxen abgerundete oder spitze Ecken haben sollen, die Hintergrundfarbe festlegen und angeben, ob der Embed-Code unter der Grafik angezeigt werden soll. Dies ist zunächst wichtig, weshalb der Haken stehenbleiben kann. Anschließend kann man noch sein eigenes Label eintragen, und die Zeile „You are now # seconds on this page. During this time all this happend:“ übersetzen. Lediglich die Raute muss dabei als Platzhalter für die Anzahl der Sekunden übernommen werden.
  5. Bildschirmfoto 2016-01-03 um 19.26.50
    Das Dateingabeformular ist leicht verständlich

    Im Bereich „Data Tiles“ gibt man schließlich die angezeigten Daten an. Das Formular ist selbsterklärend. Hat man einen Datensatz komplett angegeben, fügt man mit „Add another tile“ einen weiteren hinzu. Diesen Prozess wiederholt man so lange, bis alle gewünschten Daten eingegben sind.

  6. Zwischendurch lohnt es immer, das Projekt ab und an mal abzuspeichern und eine Vorschau anzusehen. Dies geschieht über die Buttons „Save draft“ und „Preview“ oben rechts neben dem Formular.
  7. Sind alle Daten komplett und die Grafik so, wie ihr sie euch vorstellt, veröffentlicht ihr sie per Klick auf den „Publish“-Button, der sich ebenfalls rechts oben befindet.
  8. Ein anschließender Klick auf „View“ zeigt euch schließlich die fertige Grafik und unmittelbar darunter den Embed-Code für Eure Website. Diesen kopiert ihr in die Zwischenablage.
  9. Den WordPress-Beitrag auswählen, in den das Bild eingebunden werden soll.
  10. Die Ansicht im Textfeld von “Visuell” auf “Text” ändern (oben rechts über dem Textfeld)
  11. In den Bereich klicken, wo die Karte platziert werden soll
  12. Den Code aus der Zwischenablage einfügen.
  13. Den Beitrag aktualisieren bzw speichern.

Das Ergebnis sieht dann so aus:


Infografik: Verbräuche an der CAU

Wer nun nicht möchte, dass Besucher der eigenen Seite den Embed-Code angezeigt bekommen, nimmt auf der Infogrfx-Bedienoberfläche einfach den Haken bei „Show Embed Code“ (siehe Schritt 4) raus und speichert das Projekt erneut. Der Code ist fortan für Besucher unsichtbar.

Anwendungsbeispiele:

Die Kosten:

Infogrfx ist kostenlos

Die Alternativen:

  • Mir ist keine bekannnt, die so einfach zu bedienen ist.

Aufgabe 7: Erstellt mit Infogrfx eine Echtzeitstatistik. Zahlen für die CAU findet ihr in diesem Dokument.


Das Internet in einer Sekunde

Kalorienverbrauch beim Sport

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.