Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Lernen Anpassen von Diagrammen: Layouts, Farben und Stile | Section
Interaktives Plotten mit Plotly

bookAnpassen von Diagrammen: Layouts, Farben und Stile

Die Anpassung von Diagrammen ist entscheidend, um Datenvisualisierungen klar, ansprechend und leicht interpretierbar zu gestalten. In Plotly Express besteht die Flexibilität, zahlreiche Aspekte der Diagramme zu modifizieren, darunter Farben, Markersymbole, Titel, Achsenbeschriftungen und das gesamte Layout. Anpassungen helfen nicht nur dabei, den Fokus des Publikums auf die wichtigen Teile der Daten zu lenken, sondern sorgen auch dafür, dass Diagramme zugänglich und optisch ansprechend sind. Mit Plotly Express können Daten-Spalten visuellen Eigenschaften wie Farbe und Größe zugeordnet, Diagrammlayouts feinjustiert und Stile angewendet werden, die den Anforderungen der Präsentation entsprechen.

1234567891011121314151617181920212223
import plotly.express as px import pandas as pd from IPython.display import display, HTML # Sample data df = pd.DataFrame({ "City": ["New York", "Los Angeles", "Chicago", "Houston", "Phoenix"], "Population": [8398748, 3990456, 2705994, 2325502, 1660272], "Area": [783.8, 1213.9, 589.6, 1651.1, 1340.6] }) # Scatter plot with customized marker colors and sizes fig = px.scatter( df, x="Area", y="Population", color="City", # Marker color based on city size="Population", # Marker size based on population size_max=60 # Maximum marker size ) html = fig.to_html(full_html=False, include_plotlyjs="cdn") display(HTML(html))
copy

In diesem Beispiel eines Streudiagramms wird der Parameter color verwendet, um jeder Stadt eine andere Farbe zuzuweisen, sodass sich die Datenpunkte nach Kategorie leicht unterscheiden lassen. Der Parameter size ordnet die Spalte "Population" den Markersymbolgrößen zu, sodass Städte mit größerer Bevölkerung als größere Markierungen erscheinen. Das Argument size_max legt die maximale Anzeigengröße für die Markierungen fest, damit kein Markersymbol das Diagramm dominiert. Durch die Zuordnung von Datenspalten zu visuellen Eigenschaften kann mehr Information im Diagramm kodiert werden, was es Betrachtern erleichtert, Muster und Ausreißer schnell zu erkennen.

1234567891011
# Modifying the chart layout for clarity and emphasis fig.update_layout( title="City Population vs Area", xaxis_title="Area (sq km)", yaxis_title="Population", width=700, height=500 ) html = fig.to_html(full_html=False, include_plotlyjs="cdn") display(HTML(html))
copy

Bei der Anpassung von Diagrammen sollte stets Klarheit und Zugänglichkeit im Vordergrund stehen. Verwenden Sie aussagekräftige Titel und Achsenbeschriftungen, damit Betrachter sofort erkennen, was das Diagramm darstellt. Wählen Sie Farbschemata, die für Farbenblinde geeignet sind, und achten Sie darauf, dass die Markierungsgrößen wichtige Datenpunkte nicht verdecken. Passen Sie die Abbildungsgröße an, um die Lesbarkeit des Diagramms in verschiedenen Kontexten wie Präsentationen oder Berichten zu gewährleisten. Durch eine durchdachte Anwendung dieser Anpassungen, wie in den obigen Beispielen gezeigt, werden Ihre Visualisierungen informativer und für alle leichter interpretierbar.

question mark

Welche Aussage beschreibt korrekt, wie man ein Plotly Express-Diagramm anpasst, indem Datenspalten visuellen Eigenschaften zugeordnet oder Layoutelemente angepasst werden?

Select the correct answer

War alles klar?

Wie können wir es verbessern?

Danke für Ihr Feedback!

Abschnitt 1. Kapitel 3

Fragen Sie AI

expand

Fragen Sie AI

ChatGPT

Fragen Sie alles oder probieren Sie eine der vorgeschlagenen Fragen, um unser Gespräch zu beginnen

bookAnpassen von Diagrammen: Layouts, Farben und Stile

Swipe um das Menü anzuzeigen

Die Anpassung von Diagrammen ist entscheidend, um Datenvisualisierungen klar, ansprechend und leicht interpretierbar zu gestalten. In Plotly Express besteht die Flexibilität, zahlreiche Aspekte der Diagramme zu modifizieren, darunter Farben, Markersymbole, Titel, Achsenbeschriftungen und das gesamte Layout. Anpassungen helfen nicht nur dabei, den Fokus des Publikums auf die wichtigen Teile der Daten zu lenken, sondern sorgen auch dafür, dass Diagramme zugänglich und optisch ansprechend sind. Mit Plotly Express können Daten-Spalten visuellen Eigenschaften wie Farbe und Größe zugeordnet, Diagrammlayouts feinjustiert und Stile angewendet werden, die den Anforderungen der Präsentation entsprechen.

1234567891011121314151617181920212223
import plotly.express as px import pandas as pd from IPython.display import display, HTML # Sample data df = pd.DataFrame({ "City": ["New York", "Los Angeles", "Chicago", "Houston", "Phoenix"], "Population": [8398748, 3990456, 2705994, 2325502, 1660272], "Area": [783.8, 1213.9, 589.6, 1651.1, 1340.6] }) # Scatter plot with customized marker colors and sizes fig = px.scatter( df, x="Area", y="Population", color="City", # Marker color based on city size="Population", # Marker size based on population size_max=60 # Maximum marker size ) html = fig.to_html(full_html=False, include_plotlyjs="cdn") display(HTML(html))
copy

In diesem Beispiel eines Streudiagramms wird der Parameter color verwendet, um jeder Stadt eine andere Farbe zuzuweisen, sodass sich die Datenpunkte nach Kategorie leicht unterscheiden lassen. Der Parameter size ordnet die Spalte "Population" den Markersymbolgrößen zu, sodass Städte mit größerer Bevölkerung als größere Markierungen erscheinen. Das Argument size_max legt die maximale Anzeigengröße für die Markierungen fest, damit kein Markersymbol das Diagramm dominiert. Durch die Zuordnung von Datenspalten zu visuellen Eigenschaften kann mehr Information im Diagramm kodiert werden, was es Betrachtern erleichtert, Muster und Ausreißer schnell zu erkennen.

1234567891011
# Modifying the chart layout for clarity and emphasis fig.update_layout( title="City Population vs Area", xaxis_title="Area (sq km)", yaxis_title="Population", width=700, height=500 ) html = fig.to_html(full_html=False, include_plotlyjs="cdn") display(HTML(html))
copy

Bei der Anpassung von Diagrammen sollte stets Klarheit und Zugänglichkeit im Vordergrund stehen. Verwenden Sie aussagekräftige Titel und Achsenbeschriftungen, damit Betrachter sofort erkennen, was das Diagramm darstellt. Wählen Sie Farbschemata, die für Farbenblinde geeignet sind, und achten Sie darauf, dass die Markierungsgrößen wichtige Datenpunkte nicht verdecken. Passen Sie die Abbildungsgröße an, um die Lesbarkeit des Diagramms in verschiedenen Kontexten wie Präsentationen oder Berichten zu gewährleisten. Durch eine durchdachte Anwendung dieser Anpassungen, wie in den obigen Beispielen gezeigt, werden Ihre Visualisierungen informativer und für alle leichter interpretierbar.

question mark

Welche Aussage beschreibt korrekt, wie man ein Plotly Express-Diagramm anpasst, indem Datenspalten visuellen Eigenschaften zugeordnet oder Layoutelemente angepasst werden?

Select the correct answer

War alles klar?

Wie können wir es verbessern?

Danke für Ihr Feedback!

Abschnitt 1. Kapitel 3
some-alt