class: title-slide center middle <style>.xe__progress-bar__container { bottom:0; opacity: 1; position:absolute; right:0; left: 0; } .xe__progress-bar { height: 0.25em; background-color: #004c93; width: calc(var(--slide-current) / var(--slide-total) * 100%); } .remark-visible .xe__progress-bar { animation: xe__progress-bar__wipe 200ms forwards; animation-timing-function: cubic-bezier(.86,0,.07,1); } @keyframes xe__progress-bar__wipe { 0% { width: calc(var(--slide-previous) / var(--slide-total) * 100%); } 100% { width: calc(var(--slide-current) / var(--slide-total) * 100%); } }</style> # Diagramme ## Excel-Schulung Studierendenwerk Bielefeld ### Jens Klenke, M.Sc. --- class: top, left ## Diagramme &mdash; Übersicht - Grundlagen - Diagrammtypen - Einstellungen --- class: inverse middle center # Grundlagen --- ## Diagramme **Definition:** Ein Diagramm ist die **visuelle Darstellung** von Zahlen/Daten - Große Datenmengen schneller verständlich machen - Muster, Trends und Vergleiche einfacher erkennbar - Wichtig zur Vermittlung von Kernbotschaften -- **⚠️ Vorsicht ist geboten:** Diagramme wirken objektiv, sind aber häufig **subjektiv** - _Designentscheidung_ sind subjektiv und können die Wahrnehumng stark beeinflussen -- **Kritisches Beispiel:** Darstellung der Entwicklung des [Mindestlohns](https://www.spd.de/mindestlohn/) --- ## Diagramm einfügen **Über das Menü:** .blockquote.exercise[Daten markieren → Einfügen → Diagramme] -- **Empfohlenes Diagramm:** .blockquote.exercise[`Alt + F1`] - *Passendes* Diagramm **auf demselben Blatt** **Diagramm auf einem neuem Blatt:** .blockquote.exercise[`F11`] - *Passendes* Diagramm auf einem **separaten Tabellenblatt** -- **Hinweis:** Die *Empfehlung* hängt von den Daten und -typen ab --- ## Aufbau eines Diagramms: Die wichtigsten Elemente .font90[ <br> | Element | Beschreibung | |---------|--------------| | **Diagrammtitel** | Überschrift des gesamten Diagramms | | **Achsen** | X-Achse (Kategorien), Y-Achse (Werte) | | **Achsentitel** | Beschriftung, was die Achsen zeigen | | **Legende** | Erklärt Farben/Symbole der Datenreihen | | **Datenreihen** | Die eigentlichen Werte (Balken, Linien, Punkte) | | **Gitternetzlinien** | Hilfslinien zur besseren Lesbarkeit der Werte | | **Datenbeschriftungen** | Zeigt konkrete Werte direkt am Diagramm an | <br> ] -- **Kontextmenü für Änderungen nutzen:** .blockquote.exercise[Rechtsklick auf gewünschtes Diagrammelement] - Verfügbare Optionen hängen davon ab, **welches Element** angeklickt wurde --- ## Diagrammelemente hinzufügen/entfernen **Über das grüne Plus-Symbol:** .blockquote.exercise[Diagramm anklicken → **+** Symbol] -- **Schnellzugriff auf:** ``` ✅ Achsentitel ✅ Datenbeschriftungen ✅ Gitternetzlinien ✅ Legende ✅ Trendlinie ``` -- <br> **Alternative:** .blockquote.exercise[Rechtsklick auf Diagrammelement → direkt formatieren] -- <br> Über "Diagrammentwurf" im Menüband lassen sich zusätzlich vorgefertigte Layouts & Farbschemata wählen --- class: inverse middle center # Diagrammtypen --- ## Klassiker .font90[ <br> | Typ | Anwendungsfall | |-----|-----------------| | **Säulen-/Balkendiagramm** | Vergleich zwischen Kategorien (z.B. Umsatz pro Stadt) | | **Liniendiagramm** | Entwicklung über Zeit (z.B. Umsatz pro Monat) | | **Kreisdiagramm** | Anteile am Ganzen (z.B. Marktanteile) | <br> ] -- **Faustregel:** - Zeitreihe → **Linie** - Kategorien vergleichen → **Balken/Säulen** - Anteile zeigen → **Säulen** -- ⚠️ ️**Kreisdiagramme** sind sehr beliebt, aber umstritten, da das menschliche Auge Unterschiede weniger deutlich wahrnehmen kann --- ## Weitere Typen .font90[ <br> | Typ | Anwendungsfall | |-----|-----------------| | **Flächendiagramm** | Entwicklung **und** Volumen gleichzeitig zeigen | | **Punkt-(XY)-Diagramm** | Zusammenhang/Korrelation zwischen zwei Variablen | | **Kombinationsdiagramm** | Zwei unterschiedliche Diagrammtypen kombinieren (z.B. Balken + Linie) | | **Sparklines** | Winzige Diagramme (in einzelnen Zellen) | ] -- -- <br> **Beispiel Sparklines:** | Produkt | Jan | Feb | Mär | Apr | Trend | |---------|-----|-----|-----|-----|-------| | Apfel | 10 | 15 | 8 | 20 | 📈 | | Banane | 25 | 20 | 18 | 15 | 📉 | <!-- New --> --- class: inverse middle center # Einstellungen --- ## Grundvorgehen (Wiederholung) **Schritte:** .blockquote.exercise[ Datenbereich markieren → Einfügen → gewünschten Diagrammtyp wählen] -- <br> **Wichtig beim Markieren:** - Überschriften **mit markieren** (werden automatisch als Legende/Beschriftung genutzt) - Bei nicht-zusammenhängenden Bereichen: `Strg` gedrückt halten --- ## Datenquelle nachträglich ändern **Menüpfad:** .blockquote.exercise[Diagramm anklicken → Diagrammentwurf → Daten auswählen] -- <br> **Möglichkeiten im Dialogfenster:** - Datenbereich komplett neu festlegen - Einzelne Datenreihen hinzufügen/entfernen - Reihenfolge der Datenreihen ändern (Pfeile ↑ ↓) - Zeilen/Spalten vertauschen --- ## Achsen formatieren **Öffnen:** .blockquote.exercise[Rechtsklick auf Achse → Achse formatieren] -- <br> **Wichtigste Einstellungen:** .font90[ <br> | Option | Wirkung | |--------|---------| | Minimum/Maximum | Skalierung der Achse festlegen (statt automatisch) | | Einheiten | Abstand zwischen den Gitternetzlinien | | Zahlenformat | z.B. Prozent, Währung, Dezimalstellen | | Achse kreuzen bei | Startpunkt der X-Achse verschieben | <br> ] -- **⚠️ Optionen** abhängig vom Datentyp --- ## Formatierung & Design &mdash; Schnellzugriff **Diagrammformate (Schnellvorlagen):** .blockquote.exercise[Diagramm anklicken → Diagrammentwurf 🖌 → Diagrammformatvorlagen ] **Farben ändern:** .blockquote.exercise[Diagrammentwurf 🖌 → Farben ändern] -- <br> **Einzelne Elemente anpassen:** - Rechtsklick auf Element (z.B. Datenreihe) → **Datenreihen formatieren** - Füllfarbe, Rahmen, Transparenz individuell einstellbar --- ## Daten, -beschriftungen & Trendlinien .font90[ **Datenbeschriftungen aktivieren:** .blockquote.exercise[ **+** Symbol → Datenbeschriftungen] - Werte direkt an der Grafik ] -- .font90[ **Trendlinie hinzufügen:** .blockquote.exercise[ **+** Symbol → Trendlinie] - Linear, exponentiell, gleitender Durschnitt verfügbar ] -- .font90[ **Daten filtern:** .blockquote.exercise[ 🔽 ] - Filtern der Daten für die Grafik ] --- ## Diagramm exportieren & weiterverwenden **In andere Programme einfügen:** .blockquote.exercise[Diagramm kopieren (`Strg + C`) → in PowerPoint/Word einfügen (`Strg + V`)] -- <br> **Wichtige Einfügeoptionen (beim Einfügen in PowerPoint/Word):** .font90[ <br> | Option | Verhalten | |--------|-----------| | **Verknüpfung einbetten** | Diagramm bleibt verbunden | | **Einbetten** | Diagramm wird kopiert, unabhängig von der Excel-Datei | | **Als Bild einfügen** | Statisches Bild, keine Daten mehr enthalten | ] -- ⚠️ "Verknüpfung einbetten" nur nutzen, wenn die Excel-Datei am gleichen Ort bleibt