Wie kann ich automatisch schöne Grafiken erstellen?

12

Z.B. wie die auf dieser Seite http://store.steampowered.com/hwsurvey

Gibt es eine fertige Software, die das kann? Oder irgendwelche Empfehlungen für andere Software, die etwas ähnliches macht? Ich weiß, dass dies keine statistische Frage ist, aber ich bin der festen Überzeugung, dass Daten in einer ordentlichen und ansprechenden Art und Weise dargestellt werden sollten, um effektiv zu sein.

Update (29.12.11) :

Vielen Dank für alle Antworten auf diese Frage. Ich freue mich sehr über Ihre Vorschläge. Mit automatisch meine ich, dass ich die Daten eingebe und das Diagramm automatisch aktualisiert wird.

Der Zweck meines Projekts ist es, 6-10 Datensätze täglich (oder vielleicht 2x täglich) über einen unbestimmten Zeitraum zu sammeln, und ich möchte einen Weg finden, die Daten auf einer Website darzustellen (ähnlich dem Steam-Link, den ich verwende) bereitgestellt), während das Benutzer-Backend für einen nicht-technischen Benutzer einfach genug ist, um es zu handhaben. Wenn Sie weitere Vorschläge haben, ergänzen Sie diese bitte! Danke noch einmal!

data-visualization interactive-visualization The Mysterious
quelle
Wenn Sie Ihre Grundstücke auf einer Webseite veröffentlichen möchten, sollten Sie dafür eine Javascript-Bibliothek verwenden. Wie die Google Chart Tools, Flot oder Raphael
audijenz
1
Es scheint mir, dass es zwei Fragen gibt: die automatische Erstellung ordentlicher Grafiken . Ich würde hinzufügen, dass diese Grafiken aussagekräftig sein sollten und nicht zu subjektiven oder wahrnehmungsbedingten Verzerrungen führen (ich sehe vier Tortendiagramme aus den sechs Grafiken, die mit der angegebenen URL erstellt wurden). Was haben Sie vor, als Sie diese Frage mit getaggt haben? So etwas wie Protovis oder sein Nachfolger d3.js ? Einfache Einrichtung mit CSV- oder JSON-Daten, aber was ist mit Ihren Daten? interactive-visualization
chl
Die Grafiken von Steam sehen gut aus, lassen aber wichtige Dinge aus. Zum Beispiel geben die Zeitreihendiagramme keine visuellen Hinweise auf die horizontale Achse (ich würde zumindest Häkchen empfehlen).
David J.
Ich stimme dem Argument nicht zu: "Wenn Sie Zeichnungen auf einer Webseite veröffentlichen möchten", dann "sollten Sie eine JS-Bibliothek verwenden". Was werden Sie tun, wenn Sie ein Diagramm benötigen, das nur über R oder SPSS verfügbar ist? Wenn Sie Diagramme für eine Webseite dynamisch generieren möchten, kann es hilfreich sein, Javascript zu verwenden, wenn Sie können. Aber das ist noch kein ausreichender Grund.
David J.
Ich kann Ihnen keine nützlichen Empfehlungen geben, es sei denn, ich stelle eine klärende Frage. Ich muss wissen, welche Art von Daten Sie haben, wo sie gespeichert sind und was Sie tun möchten. Lassen Sie es mich wissen und ich kann Ihnen einige bessere Vorschläge machen.
David J.

Antworten:

5

Sie beschäftigen sich sowohl mit der automatischen Erstellung von Diagrammen als auch mit der Erstellung von schönen Diagrammen.

Die verlinkte Seite hat eher einfache Diagramme mit anständiger Typografie und einem anständigen Farbschema. Jede anständige Chart-Software kann diese erstellen. Ich denke, dass Sie für jede Software, die Sie verwenden, nur die richtigen Parameter benötigen.

Farbschema : Farbschema-Generatoren können Ihnen ein angenehmes, möglicherweise klischeehaftes Farbschema geben.

Grafikdesign : Timothy Samara gibt Ihnen eine Liste von 20 Regeln und Möglichkeiten, um sie zu brechen. Wenn Sie sie alle anwenden, ohne sie zu beschädigen, erhalten Sie ein schönes, potenziell klischeehaftes Design.

Typografie : Das Entwerfen mit Typografie ist meine bevorzugte Einführung in die Typografie.

Thomas Levine
quelle
+1 für eine konstruktive Antwort. Automatisch generiertes und ansprechendes Design gibt es nicht Widerspruch; es ist einfach viel schwieriger.
Darren Cook
Die automatische Generierung erleichtert die Erstellung attraktiver Grafiken. Ich weiß nicht, wovon Wayne spricht.
Thomas Levine
5

Sie können nicht automatisch schöne Grafiken erstellen, genauso wenig wie Sie automatisch schönen Text oder eine schöne Zeichnung oder gutes Essen oder so ziemlich alles andere erstellen können.

Schöne Grafiken (oder alles andere) zu erstellen, erfordert Talent, Anstrengung und Verständnis.

Es gibt Programme (siehe andere Antworten), die Ihnen helfen können , schöne Grafiken zu erstellen, genau wie (sagen wir) es einfacher ist, zu kochen, wenn Sie gute Messer und einen schönen Herd haben, oder einen Roman mit einem guten Textverarbeitungspaket zu schreiben. Aber gute Werkzeuge reichen nicht aus.

Peter Flom - Setzen Sie Monica wieder ein
quelle
4

Dutzende von Programmen können attraktive, klare Grafiken erstellen: R, Igor Pro, Gnuplot, SAS und sogar Excel. Der Hauptbestandteil ist ein Benutzer, der die Daten versteht, versteht, was an ein bestimmtes Publikum weitergegeben werden muss, und sich mit ästhetischen / Wahrnehmungsproblemen befasst.

Einige Programme sind flexibler als andere (R und Igor Pro sind sehr flexibel), und einige Programme / Pakete haben attraktivere Standardeinstellungen (z. B. das ggplot-Paket in R), aber unter dem Strich sind dies "automatische" und "nette Grafiken" widersprüchlich. Meiner Meinung nach.

BEARBEITEN: Wie in den Kommentaren erwähnt, bezieht sich "automatisch" möglicherweise auf die Aktualisierung eines Diagramms, wenn neue Daten eingehen, anstatt zunächst automatisch aussagekräftige, attraktive Diagramme zu erstellen. In diesem Fall können die meisten Lösungen, mit denen Sie attraktive Diagramme erstellen können, automatisiert werden, um ein Diagramm mit neuen Daten zu aktualisieren. Wenn sich die Daten im Laufe der Zeit dramatisch ändern, funktioniert Ihr ursprüngliches Design möglicherweise nicht richtig und das Diagramm wird möglicherweise weniger verständlich oder ansprechend.

Wayne
quelle
Noch nie von Igor Pro gehört. Die Standardeinstellungen in SAS 9.2 sind überhaupt nicht schlecht. ein Quantensprung für SAS.
Peter Flom - Wiedereinsetzung von Monica
2
Ich denke, der Hauptaspekt seiner Frage ist nicht nur die Erzeugung von Grafiken. Es geht darum, sie automatisch (programmgesteuert) zu generieren, wenn sich die zugrunde liegenden Daten ändern. Einige Tools sind einfacher als andere, wenn es darum geht, sie programmgesteuert zu verbinden.
David J.
Ich bin überrascht zu sehen, dass Igor Pro mit R und den anderen, die Sie erwähnt haben, vergleichbar ist. (Dies ist das erste Mal, dass ich davon gehört habe.)
David J.
Automatische und schöne Grafiken sind nicht unbedingt widersprüchlich. Hier ein Beispiel: Wenn Sie eine Vorstellung von den Daten haben, die eingehen, möchten Sie möglicherweise eine automatisch aktualisierte Visualisierung einrichten. Dies kann und wird oft automatisiert. Und gut gemacht. Außerdem, was ist die Alternative? Lässt ein Mensch die Grafik jedes Mal aktualisieren, wenn sich die Daten ändern?
David J.
@ David, Peter: Ich habe früher Igor Pro von Wavemetrics verwendet, und es ist ein sehr gutes wissenschaftliches Analyseprogramm. Das Personal ist hervorragend und die Grafiken sind sehr anpassbar. Es kann vollständig über die Benutzeroberfläche gesteuert werden, aber alles ist in die zugrunde liegende Sprache übersetzt, auf die Sie zugreifen, speichern, ändern usw. können. R ist jedoch kostenlos und enthält Tausende von Paketen anstelle von Dutzenden benutze R. Ich kann es immer noch sehr empfehlen und du kannst weitere Informationen unter wavemetrics.com erhalten.
Wayne
1

Ich habe dieses Thema gegoogelt und bin auf einen Techcrunch-Artikel zu visual.ly gestoßen, einem Unternehmen, das die Erstellung von Infografiken für Marken wie Nat Geo, The Atlantic, das GOOD Magazine CNNMoney.com und Ebay automatisiert.

Auf ihrer Website wird angegeben, dass sie dies eventuell zulassen werden jedem , diese Infografiken zu erstellen.

Hoffe das hilft.

Paul Salvaggio
quelle
Sehr coole Ressource, danke! Sie haben zum 13.12.2011 nur zwei Blog-Posts, aber beide sind IMO sehr gut und informativ.
Andy W
1

Sie können PHP GD verwenden , um Ihren Webserver direkt die Bilder aus den Datendateien erstellen zu lassen.

Elvis
quelle
0

Ein schönes (und kostenloses) Tool für das Veröffentlichen von Grafiken im Internet ist Google Charts. Sie können sich in Echtzeit mit Daten verbinden. Probieren Sie es aus: http://code.google.com/apis/chart/

Orsino
quelle
0

Schau es dir an Highcharts an .

Highcharts ist eine Diagrammbibliothek, die in reinem JavaScript geschrieben ist und intuitive, interaktive Diagramme für Ihre Website oder Webanwendung bietet. Highcharts unterstützen derzeit die Diagrammtypen Linien-, Spline-, Flächen-, Flächenspline-, Spalten-, Balken-, Kreis- und Punktdiagramm.

Es gibt eine schöne Demoseite .

Benjamin Crouzier
quelle
0

Ich hatte viel Glück mit Tools wie R , mit denen Sie das Aussehen Ihrer Diagramme und - für Websites - die Google Chart Tools (oder andere javascript-basierte Diagrammtools, z. B. d3 , jscharts) programmieren können , und ich denke, die Website) können Sie suchen nach Fusion Charts ) für genau diese Art von Problem.

Mit R legen Sie fest, wie das Diagramm aussehen soll. R ist in hohem Maße anpassbar (mit etwas abscheulichen Standardeinstellungen, wenn auch nicht so schlimm wie beispielsweise MS Excel), und Sie schreiben ein Skript, das die Daten von einem bestimmten Ort oder einer bestimmten Quelle liest und die Werte ändert. Es kann sich ändern, wo sich die Achse befindet, an welcher Stelle Sie den Median setzen und welche Tags dazu gehören. Dies ist nicht perfekt, aber Sie können Programmierlogik verwenden und mit einigen sorgfältigen Entscheidungen die Dinge so gestalten, dass sie konsistent aussehen.

Mit den Javascript-Variationen (wo Sie Diagramme erhalten, die den aufgelisteten ähnlich sehen) richten Sie einfach den Code ein, der das Diagramm anzeigt und wo es seine Daten erhält. Sie können also einen Dienst (z. B. einen Webservice einer bestimmten Art) erstellen, der die Daten abruft / verarbeitet und diese dann an die Diagramm-API weiterleitet. Der Nachteil ist, dass Sie hier weniger Anpassungen vornehmen müssen und es manchmal schmerzhaft ist, das von der API erwartete Format zu erreichen. Die Standardeinstellungen sehen jedoch in der Regel recht gut aus. Sie können das Ergebnis problemlos auf eine Webseite stellen, und einige der APIs bieten dies an einige zusätzliche visuelle Bonbons (z. B. die auf der Site, auf die Sie verlinkt haben).

dclements
quelle
0

Die Steam-Site verwendet ein Flash-Plugin, um Grafiken zu zeichnen. Wenn Sie mit statistischen Daten zeichnen möchten, verwenden Sie die R-Software. Wenn Sie sich mit Javascript auskennen , sollten Sie extjs verwenden, um Ihre Grafik zu zeichnen.

Randolph Chou
quelle