Best of Notion Bild kleiner v2

Best of Notion

Hol dir mei­ne kosten­lo­sen Noti­on Res­sour­cen, wie den Noti­on Mini-Kurs, Noti­on Anlei­tun­gen, Vor­la­gen, Tricks zum Schnel­ler­wer­den sowie Tool-Tipps.

Chart in Noti­on abbil­den – beste Schritt für Schritt Anleitung

Noti­on Anlei­tung. Lese­dau­er: 8 min.

Hast du dir schon gewünscht Chart in Noti­on anzei­gen zu las­sen? In die­sem Arti­kel erklä­re ich dir wie du Noti­on Dia­gram­me direkt in Noti­on erstel­len kannst und stel­le dir Tools vor, falls die Mög­lich­kei­ten für dich noch zu wenig weit gehen.

Es gibt zwei Mög­lich­kei­ten Dia­gram­me in Noti­on einzublenden:

  • mit der Datenbank-Ansicht “Noti­on Diagramm”
  • Dia­gram­me von ande­ren Tools einbetten

Die­ser Arti­kel zeigt dir bei­de Wege auf und gibt dir eine Liste von exter­nen Anwen­dun­gen, die sich auch für Dia­gram­me in Noti­on eignen.

Mit­te August 2024 hat Noti­on eine neue Datenbank-Ansicht aus­ge­rollt: Noti­on Charts und ich möch­te dir gleich zei­gen, wel­che Dar­stel­lungs­op­tio­nen ver­füg­bar sind.

Tech­ni­sche Voraussetzungen

Es gibt zwei Vor­aus­set­zun­gen, um Noti­on Charts zu nutzen:

  • Wenn du einen kosten­lo­sen Plan ver­wen­dest, kannst du maxi­mal ein Dia­gramm anzei­gen lassen.
  • Die Daten, die du visua­li­sie­ren möch­test, müs­sen bereits in einer Daten­bank auf­be­rei­tet sein.

Dar­stel­lungs­op­tio­nen Noti­on Charts

Wäh­le aus zwi­schen Balken-Diagramm, Linien-Diagramm und Ring-Diagramm:

Notion Chart Darstellungsoption Balken
Notion Chart Darstellungsoption Linien
Notion Chart Darstellungsoption Ring

Noti­on Chart einbetten

Mit­te August 2024 hat Noti­on eine neue Funk­ti­on, Noti­on Charts her­aus­ge­bracht und das Dia­gramm­fea­ture funk­tio­niert im Grund­satz wie eine wei­te­re Datenbank-Ansicht.

Das hiesst, dei­ne Daten müs­sen bereits in einer Noti­on Daten­bank exi­stie­ren. Du schal­test “ein­fach” eine wei­te­re Ansicht, wie du das von der Zeit­ach­se oder Kan­ban kennst.

Hast du die Daten bereits in einer Daten­bank, kannst du irgend­wo auf dei­nem Workspace ein Noti­on Dia­gramm einbetten.

Ver­wen­de dazu den Befehlt /chart und wäh­le dann eine der vier Darstellungsoptionen.

Erklär­vi­deo: Noti­on Dia­gramm erstellen

Schau dir auch mein Youtube-Video an, wo ich Schritt-für-Schritt erläu­te­re, wie das Diagramm-Feature funktioniert:

Dupli­zie­re das Übungsmaterial

Im You­tube Video und für die­sen Blog­post habe ich Demon­stra­ti­ons­ma­te­ri­al erstellt, wel­ches ich dir ger­ne kosten­los zur Ver­fü­gung stel­le. Über die­se Notion-Seite kannst du die Inhal­te holen und in dei­nen Workspace duplizieren.

Noti­on Dia­gram­me erstellen

  • Erstel­le eine Daten­bank und erfas­se die gewünsch­ten Daten in Eigenschaften.
  • Bit­te beach­te, dass mit der Diagramm-Funktion aktu­ell nur zwei Eigen­schaf­ten (je x und y Ach­se) dar­ge­stellt wer­den kön­ne. Sie Alter­na­ti­ven wei­ter unten.
  • Falls dei­ne Daten noch nicht in einer Daten­bank sind, dann emp­feh­le ich dir, geli­che For­ma­te in EINE Eigen­schaft zu neh­men und mit­tels Auswahl-Feld zu trennen. 
    • alle Zah­len in EINE Zahlen-Eigenschaft
    • alle Daten in EINE Datum-Eigenschaft
  • Falls du bereits Daten­ma­te­ri­al hast, stehst du vor der Ent­schei­dung, die­se für die Chart-Funktion umzu­bau­en oder auf exter­ne Anbie­ter auszuweichen.

Best of Notion Bild kleiner v2

Best of Notion.

Hol dir die besten Noti­on Res­sour­cen für Anfän­ger
und Notion-Enthusiasten.

Bei­spiel: Newsletter-Wachstum beobachten

Ich habe eine Daten­bank wo der Wachs­tum der Newsletter-Abonnenten getrackt wird. Die Daten­bank besteht aus fol­gen­den Eigenschaften:

  • Stich­tag (Datum-Eigenschaft)
  • Total Newsletter-Abonnenten per Ende Monat (Zahl-Eigenschaft)
  • Ver­än­de­rung zum Vor­mo­nat (Zahl-Eigenschaft)
  • Total Abon­nen­ten pro Lead Magnet (Zahl-Eigenschaft)
  • Ver­än­de­rung zum Vor­mo­nat (Zahl-Eigenschaft)

Mit die­ser Daten­bank­struk­tur kön­nen mit der aktu­el­len Notion-Chart-Funktion nicht alle 5 Eigen­schaf­ten in EINEM Dia­gramm dar­ge­stellt werden.

Vari­an­te A – zwei Eigen­schaf­ten abbilden

  1. Erstel­le eine neue Datenbank-Ansicht auf einer bestehen­den DB-Ansicht, Original-DB oder bet­te mit /chart eine neue Ansicht ein.
Notion Chart Neues Diagram erstellen

2. Wäh­le aus, wel­che Eigen­schaf­ten für die x und y Ach­se ver­wen­det wer­den sollen:

    • 1 = Stichtag
    • 2 = auf­stei­gend sortiert
    • 3 = Total Subscriber
Notion Chart Einstellungsoptionen

3. Lege bei Zahlen-Eigenschaften die Berech­nungs­va­ri­an­te fest:

Notion Diagramm y Achse einrichten
Best of Notion Bild kleiner v2

Best of Notion.

Hol dir die besten Noti­on Res­sour­cen für Anfän­ger
und Notion-Enthusiasten.

Vari­an­te B – alle Zah­len abbil­den und Daten­bank umstrukturieren

Um alle Zah­len in abzu­bil­den, kannst du dei­ne Daten in der Daten­bank anders dar­stel­len. Anstel­le einer Eigen­schaft pro Kate­go­rie, erfasst du alle Zah­len in EINER Zahlen-Eigenschaft und trennst die­se mit­tels einer Kategorie-Eigenschaft.

Aus­ge­hend vom Bei­spiel aus Vari­an­te B:

  1. Eine neue Eigen­schaft Typ erstellen
  2. Pro frü­he­rer Eigen­schaft ein neu­er Wert in der Auswahl-Eigenschaft erstellen
  3. Die Zah­len übertragen

Notion Diagramm Datenbank umstrukturieren

4. Neu­es Dia­gramm erstel­len, wie oben beschrie­ben. Zusätz­lich wird jetzt auf der y‑Achse nach der Eigen­schaft Typ gruppiert:

Notion Diagramm Datenbank umstrukturieren Gruppierung nach Kategorie

Und wir erhal­ten ein Dia­gramm mit vier Linien:

Notion Diagramm Vier Eigenschaften abbilden

Wem die zacki­ge Dar­stel­lungs­wei­se nicht gefällt, kann unter unter Mehr Stil-Optionen die Linie glätten:

Notion Diagramm Linie glaetten Option
Notion Diagramm Linie geglaettet darstellen v2
Best of Notion Bild kleiner v2

Best of Notion.

Hol dir die besten Noti­on Res­sour­cen für Anfän­ger
und Notion-Enthusiasten.

Tipps & Ticks – was zu berück­sich­ti­gen ist

  • Willst du meh­re­re Zah­len abbil­den, erfas­se sie in EINER Zahlen-Eigenschaft und tren­ne sie mit­tels einer Kate­go­rie eines Auswahlfeldes
  • Die Dar­stel­lungs­ar­ten haben unter­schied­li­che Ein­stel­lungs­op­tio­nen → wenn du von einer Art zur näch­sten wech­selst, ver­lierst du die vor­her­ge­hen­den Optio­nen. Bes­ser ist, eine Dar­stel­lungs­art zu dupli­zie­ren und dann eine neue Dar­stel­lungs­art auszuwählen.

Super nütz­lich: Bild von einem Dia­gramm abspeichern

Von jedem Dia­gramm kann ein Bild als PNG oder SVG run­ter­ge­la­den wer­den, um die­ses an ande­rer Stel­le zu verwenden:

Notion Chart Diagramm als Bild abspeichern
  • Zur Ein­bet­tung in einer Präsentation

  • Zur Ein­bet­tung im Kun­den­por­tal, damit der Kun­de kei­nen Zugriff auf die Original-Daten hat

  • PNG kopie­ren = Noti­on erstellt einen Rah­men um dein Dia­gramm und ver­sieht es mit einem Wasserzeichen

  • PNG her­un­ter­la­den = Lade ein Bild des Dia­gramms ohne Was­ser­zei­chen herunter

  • SVG her­un­ter­la­den = Lade ein ska­lier­ba­res Dia­gramm ohne Was­ser­zei­chen herunter

Ande­re Diagramm-Anbieter

Ich den­ke, dass es eine Wei­le gehen wird, bis wir meh­re­re Eigen­schaf­ten auf der x- und y‑Achse abbil­den kön­nen (zum Ver­gleich, DB Auto­ma­tio­nen kamen im August 2023 her­aus und ein Jahr spä­ter die Erweiterung).

Wenn du nicht so lan­ge war­ten oder dei­ne Daten­ban­ken nicht umstruk­tu­rie­ren willst, hier mei­ne Emp­feh­lung für exter­ne Chart-Anbieter.

Ich habe alle gete­stet und nach­fol­gend bewer­tet. Aktu­ell nut­ze ich Rows.com da es mir bis zu 50 Daten­quel­len ermög­licht, schön aus­sieht und auch in Spal­ten arran­giert gut aussieht.

RowsData Jum­boChart­BrickChart BaseCharts Noti­on
Bewer­tung⭐️⭐️⭐️⭐️⭐️⭐️⭐️⭐️⭐️
Meh­re­re Eigen­schaf­ten abbildenJaJaJaNeinNein
Direk­ter Zugriff auf Noti­on Workspace?JaJaJaJaJa
Direk­te Daten-Synchronisation mit Notion?JaJaJaJaJa
Kosten­lo­se Option?Ja, 50 IntegrationenJa, 3 ChartsJa, 3 ChartsJa, 1 ChartJa, 5 Charts
Abo-Preis$20$5€8.99$3$3.99

Fazit zu Noti­on Diagramme

Die neue Noti­on Chart Funk­ti­on lässt Daten in Daten­ban­ken ein­fach dar­stel­len, aber des­sen Mög­lich­kei­ten sind noch nicht so vielfältig.

Wäh­rend des Test­ings habe ich bereits wei­te­re Bedürf­nis­se an die Chart-Funktion geäus­sert und ich den­ke, dass Noti­on die­se erwei­tern wird:

  • Klick auf eine Stel­le des Dia­gramms, um dahin­ter­lie­gen­de Datenbank-Seiten zu zeigen
  • Neu­er Diagramm-Typ, um nur EINE Metrik anzuzeigen
  • Meh­re­re Eigen­schaf­ten auf der x‑Achse
  • spe­zi­fi­sche Anwen­dungs­fäl­le aus dem Pro­jekt­ma­nage­ment (Bsp. Burn Down Charts, Zeit­se­ri­en ver­glei­chen, etc)

Abon­nie­re mei­nen News­let­ter, um über sol­che Neue­run­gen infor­miert zu bleiben.

Best of Notion Bild 200px breit

Best of Notion

Hol dir die besten Noti­on Res­sour­cen für Anfän­ger und Notion-Enthusiasten direkt in dei­ne Inbox.