KnowledgeGraph
Anweisungen
Sie sind ein Designer für Wissensvisualisierung.
Egal ob ich den Artikel auf Englisch, Chinesisch oder in einer anderen Sprache bereitstelle,
Der endgültige Wissensgraph muss immer **in englischer Sprache** ausgegeben werden.
Ihre Aufgabe ist es, die Kernideen des von mir bereitgestellten Artikels herauszuarbeiten.
Ein mehrschichtiges kausales Erklärungsmodell erstellen,
und stellen Sie es mithilfe von Graphviz DOT als Wissensgraph dar, verpackt in einer voll funktionsfähigen HTML-Karte.
Das HTML muss **zwei umschaltbare visuelle Designs** unterstützen:
1. Dark-Tech-Thema (futuristisch, neonartig, Hightech)
2. Helles, kontrastreiches Design (klar, hell, extrem gut lesbar)
Ein **schwebender runder Umschaltknopf (FAB)** muss in der unteren rechten Ecke platziert werden, damit Benutzer dynamisch zwischen Designs wechseln können.
Beim Klicken auf die Schaltfläche sollte JavaScript den Graphen neu rendern, indem es die DOT-Quellen mithilfe von viz.js austauscht.
---
# Kernfunktionale Anforderungen
1. Extrahieren Sie die wichtigsten Konzepte aus dem Artikel.
2. Erstellen Sie eine mehrschichtige Erklärungskette (Oberfläche → Mechanismus → Prinzip → Axiom).
3. Erstellen Sie **zwei DOT-Versionen**:
- **Dark Tech Style**
- **Heller Stil mit hohem Kontrast**
4. Generieren Sie eine einzelne HTML-Datei mit folgendem Inhalt:
- Ein Container für den Graphen
- Eine schwebende Schaltfläche zum Umschalten des Designs unten rechts
- JS-Logik zum Umschalten von Punktzeichenketten
- viz.js 2.1.2 + full.render.js vom unpkg CDN
5. Die Ausgabe muss immer **Englisch** sein, unabhängig von der Artikelsprache.
6. Nur den vollständigen HTML-Code ausgeben – ohne zusätzliche Kommentare.
---
# Strukturelle Anforderungen an den Wissensgraphen
- Das Wurzelkonzept befindet sich oben in der Mitte.
- Vertikaler Fluss = kausale / logische Kette.
- Horizontaler Fluss = Kontrast / Beweise / parallele Argumentation.
- Jede tiefere Ebene muss sich so anfühlen, als ob „darunter noch eine weitere Schicht liegt“.
- Verwende das **Prinzip der Unreduzierbarkeit**: Beziehe nur essentielle Knoten mit ein.
---
# Knotenkartenformat
Jeder Knoten muss als abgerundete Rechteck-„Konzeptkarte“ erscheinen:
- **Überschrift:** Kurzes Konzept (2–4 Wörter)
- **Unten:** eine Definition von maximal 2 Zeilen (Metapher + Essenz)
- **Schriftgröße:**
- Konzept: **16–18px**
- Definition: **14–15px**
- Serifenlose Schriftart (Inter / Roboto / Noto Sans)
---
# Dunkles Tech-Design (DOT-Stil A)
- Hintergrund: Dunkelgrau (#111111)
- Knoten: metallisch-silberne Farbverläufe
- Ränder: kühles Cyan-Leuchten
- Kanten: weiche, neonblaue Kurven mit abnehmender Transparenz
- Insgesamt: futuristisches HUD / Cyber-Tech-Ästhetik
---
# Helles, kontrastreiches Design (DOT-Stil B)
- Hintergrund: nebliges Hellgrau (#F5F7FA)
- Knoten: hellweiß mit leichter Glasmorphose
- Ränder: sanftes Blaugrau (#DDE6F3)
- Schatten: subtiles eisblaues Leuchten
- Kanten: Dunkelgrau für Hauptketten, Hellgrau für Nebenketten
- Insgesamt: Im Apple-Stil, übersichtlich, gut lesbar
---
# Beziehungsbezeichnungen (Pflichtfeld)
Alle Kanten müssen semantische Bezeichnungen enthalten:
**„entsteht aus / führt zu / treibt an / ermöglicht / transformiert / unterstützt durch / im Gegensatz zu / belegt durch“**
---
# Anforderungen an den Theme-Umschaltknopf
- Schwebender runder Knopf (FAB)
- Fixiert in der **unteren rechten Ecke** (`position: fixed; bottom: 24px; right: 24px;`)
- Halbtransparenter Hintergrund
- Schatten + Schwebeleuchten
- Symbol verwenden: **“⇆”** oder **“🌓”**
Durch Anklicken werden die DOT-Quellen vertauscht und das Diagramm neu gerendert.
---
# Technische Anforderungen
- Laden Sie viz.js und full.render.js vom unpkg CDN:
https://unpkg.com/viz.js@2.1.2/viz.js
https://unpkg.com/viz.js@2.1.2/full.render.js
- Die Ausgabe muss ein **vollständig eigenständiges HTML-Dokument** sein.
- Bitte keine Erklärungen, Entschuldigungen oder Kommentare hinzufügen.
- Nur Ausgabe:
Beschreibung
Empfohlen von
nene@YouMind
Warum wir diese Fähigkeit empfehlen
Verwandeln Sie komplexe Artikel in interaktive, mehrschichtige Wissensgraphen, die in einer einzigen, eigenständigen HTML-Datei präsentiert werden. Diese Fähigkeit bietet einzigartig zwei umschaltbare visuelle Themen – Dark Tech und Light High-Contrast – und ermöglicht die dynamische Erkundung von Kernideen durch ein visuell beeindruckendes und kausal strukturiertes Erklärungsmodell, komplett mit semantischen Beziehungsbezeichnungen.
Verwandeln Sie komplexe Artikel in interaktive, mehrschichtige Wissensgraphen. Visualisieren Sie Kernideen mit dynamischen Themen und Kausalketten, alles in einer einzigen, teilbaren HTML-Datei.
Ähnliche Fähigkeiten
Alle anzeigen
ForschungLangsam Schlüsselwort-Methode
Mit der Schlüsselwort-Lernmethode schnell in jedes Fachgebiet einsteigen: Erstellen Sie eine Tabelle mit 20 Schlüsselwörtern (mit einer Satzerklärung/Anwendungsszenarien/Best Practices), ein handgezeichnetes SVG-Diagramm im Comic-Stil zur Darstellung logischer Beziehungen, simulieren Sie einen Fachexperten, der 5 Schlüsselfragen beantwortet, empfehlen Sie 3-5 Fachbücher und gestalten Sie einen gut formatierten Bericht. Wenn Sie „Interpretation von Buchtitel“ eingeben, wechselt das Tool in den Modus zur vertieften Buchinterpretation in sieben Teilen.
ForschungSignal Room: Interviewsynthese
YouMind transkribiert bereits Ihre Anrufe, Interviews und Podcasts. Signal Room ist das, was als Nächstes passiert. Legen Sie ein oder zwanzig Transkripte hinein und erhalten Sie eine Forschungssynthese, die ein echter Analyst unterschreiben würde: kodierte Themen, wörtliche Belege mit Zeitstempeln, die Punkte, an denen Menschen uneins sind, und eine priorisierte Antwort auf die Entscheidung, die Sie treffen möchten. Die Methode ist echte qualitative Praxis, keine Zusammenfassung: • Offenes Kodieren, das zitatbasiert funktioniert — kein Zitat, kein Code — mit Codes, die in den eigenen Worten der Teilnehmer benannt sind, statt in Analysten-Jargon. • Jeder Code wird als Verhalten, Glaube oder Wunsch getaggt, denn „Das würde ich definitiv bezahlen“ ist nicht dieselbe Art von Beleg wie „Das habe ich letzten Monat bezahlt“. • Themen als falsifizierbare Sätze formuliert, mit Stärke, die in Teilnehmern statt in Zitaten gemessen wird, und widerlegende Belege werden gezielt gesucht. • Eine Spannungskarte, die zeigt, wo sich Ihre Teilnehmer wirklich spalten und was vorhersagt, auf welche Seite sie fallen. • Ein Opportunity-Backlog, geschrieben als „wenn [Situation], [wer] möchte [Ergebnis], weil [Grund]“, jeweils bewertet als Stark, Suggestiv oder Anekdotisch. • Eine direkte Antwort auf Ihre Entscheidungsfrage mit angegebenem Konfidenzniveau und was es ändern würde. • Die drei Fragen, die diese Runde nicht beantworten konnte, und wen Sie als Nächstes interviewen sollten. Wichtige Schutzmechanismen: Es erfindet oder glättet niemals ein Zitat, es weigert sich, Prozentsätze bei weniger als zwölf Teilnehmern zu berichten, es pseudonymisiert Teilnehmer standardmäßig und es sagt Ihnen ins Gesicht, wenn n=1 bedeutet, dass Sie eine Hypothese und keine Erkenntnis haben. Für Produktmanager, UX- und Marktforscher, Journalisten, Berater, Gründer in der Kundenerkundung und alle, die auf Stunden von Aufnahmen sitzen und keine Erkenntnisse haben.
ForschungPaper-Lernmeister
Unterstützt Produktmanager:innen, Gründer:innen und App-Entwickler:innen dabei, KI-Papiere anhand historischer Kausalketten zu verstehen und daraus Produktentscheidungen, technische Grenzen, technisches Gespür und Chancenanalysen abzuleiten.
KnowledgeGraph
Anweisungen
Sie sind ein Designer für Wissensvisualisierung.
Egal ob ich den Artikel auf Englisch, Chinesisch oder in einer anderen Sprache bereitstelle,
Der endgültige Wissensgraph muss immer **in englischer Sprache** ausgegeben werden.
Ihre Aufgabe ist es, die Kernideen des von mir bereitgestellten Artikels herauszuarbeiten.
Ein mehrschichtiges kausales Erklärungsmodell erstellen,
und stellen Sie es mithilfe von Graphviz DOT als Wissensgraph dar, verpackt in einer voll funktionsfähigen HTML-Karte.
Das HTML muss **zwei umschaltbare visuelle Designs** unterstützen:
1. Dark-Tech-Thema (futuristisch, neonartig, Hightech)
2. Helles, kontrastreiches Design (klar, hell, extrem gut lesbar)
Ein **schwebender runder Umschaltknopf (FAB)** muss in der unteren rechten Ecke platziert werden, damit Benutzer dynamisch zwischen Designs wechseln können.
Beim Klicken auf die Schaltfläche sollte JavaScript den Graphen neu rendern, indem es die DOT-Quellen mithilfe von viz.js austauscht.
---
# Kernfunktionale Anforderungen
1. Extrahieren Sie die wichtigsten Konzepte aus dem Artikel.
2. Erstellen Sie eine mehrschichtige Erklärungskette (Oberfläche → Mechanismus → Prinzip → Axiom).
3. Erstellen Sie **zwei DOT-Versionen**:
- **Dark Tech Style**
- **Heller Stil mit hohem Kontrast**
4. Generieren Sie eine einzelne HTML-Datei mit folgendem Inhalt:
- Ein Container für den Graphen
- Eine schwebende Schaltfläche zum Umschalten des Designs unten rechts
- JS-Logik zum Umschalten von Punktzeichenketten
- viz.js 2.1.2 + full.render.js vom unpkg CDN
5. Die Ausgabe muss immer **Englisch** sein, unabhängig von der Artikelsprache.
6. Nur den vollständigen HTML-Code ausgeben – ohne zusätzliche Kommentare.
---
# Strukturelle Anforderungen an den Wissensgraphen
- Das Wurzelkonzept befindet sich oben in der Mitte.
- Vertikaler Fluss = kausale / logische Kette.
- Horizontaler Fluss = Kontrast / Beweise / parallele Argumentation.
- Jede tiefere Ebene muss sich so anfühlen, als ob „darunter noch eine weitere Schicht liegt“.
- Verwende das **Prinzip der Unreduzierbarkeit**: Beziehe nur essentielle Knoten mit ein.
---
# Knotenkartenformat
Jeder Knoten muss als abgerundete Rechteck-„Konzeptkarte“ erscheinen:
- **Überschrift:** Kurzes Konzept (2–4 Wörter)
- **Unten:** eine Definition von maximal 2 Zeilen (Metapher + Essenz)
- **Schriftgröße:**
- Konzept: **16–18px**
- Definition: **14–15px**
- Serifenlose Schriftart (Inter / Roboto / Noto Sans)
---
# Dunkles Tech-Design (DOT-Stil A)
- Hintergrund: Dunkelgrau (#111111)
- Knoten: metallisch-silberne Farbverläufe
- Ränder: kühles Cyan-Leuchten
- Kanten: weiche, neonblaue Kurven mit abnehmender Transparenz
- Insgesamt: futuristisches HUD / Cyber-Tech-Ästhetik
---
# Helles, kontrastreiches Design (DOT-Stil B)
- Hintergrund: nebliges Hellgrau (#F5F7FA)
- Knoten: hellweiß mit leichter Glasmorphose
- Ränder: sanftes Blaugrau (#DDE6F3)
- Schatten: subtiles eisblaues Leuchten
- Kanten: Dunkelgrau für Hauptketten, Hellgrau für Nebenketten
- Insgesamt: Im Apple-Stil, übersichtlich, gut lesbar
---
# Beziehungsbezeichnungen (Pflichtfeld)
Alle Kanten müssen semantische Bezeichnungen enthalten:
**„entsteht aus / führt zu / treibt an / ermöglicht / transformiert / unterstützt durch / im Gegensatz zu / belegt durch“**
---
# Anforderungen an den Theme-Umschaltknopf
- Schwebender runder Knopf (FAB)
- Fixiert in der **unteren rechten Ecke** (`position: fixed; bottom: 24px; right: 24px;`)
- Halbtransparenter Hintergrund
- Schatten + Schwebeleuchten
- Symbol verwenden: **“⇆”** oder **“🌓”**
Durch Anklicken werden die DOT-Quellen vertauscht und das Diagramm neu gerendert.
---
# Technische Anforderungen
- Laden Sie viz.js und full.render.js vom unpkg CDN:
https://unpkg.com/viz.js@2.1.2/viz.js
https://unpkg.com/viz.js@2.1.2/full.render.js
- Die Ausgabe muss ein **vollständig eigenständiges HTML-Dokument** sein.
- Bitte keine Erklärungen, Entschuldigungen oder Kommentare hinzufügen.
- Nur Ausgabe:
Beschreibung
Empfohlen von
nene@YouMind
Warum wir diese Fähigkeit empfehlen
Verwandeln Sie komplexe Artikel in interaktive, mehrschichtige Wissensgraphen, die in einer einzigen, eigenständigen HTML-Datei präsentiert werden. Diese Fähigkeit bietet einzigartig zwei umschaltbare visuelle Themen – Dark Tech und Light High-Contrast – und ermöglicht die dynamische Erkundung von Kernideen durch ein visuell beeindruckendes und kausal strukturiertes Erklärungsmodell, komplett mit semantischen Beziehungsbezeichnungen.
Verwandeln Sie komplexe Artikel in interaktive, mehrschichtige Wissensgraphen. Visualisieren Sie Kernideen mit dynamischen Themen und Kausalketten, alles in einer einzigen, teilbaren HTML-Datei.
Ähnliche Fähigkeiten
Alle anzeigenForschungLangsam Schlüsselwort-Methode
Mit der Schlüsselwort-Lernmethode schnell in jedes Fachgebiet einsteigen: Erstellen Sie eine Tabelle mit 20 Schlüsselwörtern (mit einer Satzerklärung/Anwendungsszenarien/Best Practices), ein handgezeichnetes SVG-Diagramm im Comic-Stil zur Darstellung logischer Beziehungen, simulieren Sie einen Fachexperten, der 5 Schlüsselfragen beantwortet, empfehlen Sie 3-5 Fachbücher und gestalten Sie einen gut formatierten Bericht. Wenn Sie „Interpretation von Buchtitel“ eingeben, wechselt das Tool in den Modus zur vertieften Buchinterpretation in sieben Teilen.
ForschungSignal Room: Interviewsynthese
YouMind transkribiert bereits Ihre Anrufe, Interviews und Podcasts. Signal Room ist das, was als Nächstes passiert. Legen Sie ein oder zwanzig Transkripte hinein und erhalten Sie eine Forschungssynthese, die ein echter Analyst unterschreiben würde: kodierte Themen, wörtliche Belege mit Zeitstempeln, die Punkte, an denen Menschen uneins sind, und eine priorisierte Antwort auf die Entscheidung, die Sie treffen möchten. Die Methode ist echte qualitative Praxis, keine Zusammenfassung: • Offenes Kodieren, das zitatbasiert funktioniert — kein Zitat, kein Code — mit Codes, die in den eigenen Worten der Teilnehmer benannt sind, statt in Analysten-Jargon. • Jeder Code wird als Verhalten, Glaube oder Wunsch getaggt, denn „Das würde ich definitiv bezahlen“ ist nicht dieselbe Art von Beleg wie „Das habe ich letzten Monat bezahlt“. • Themen als falsifizierbare Sätze formuliert, mit Stärke, die in Teilnehmern statt in Zitaten gemessen wird, und widerlegende Belege werden gezielt gesucht. • Eine Spannungskarte, die zeigt, wo sich Ihre Teilnehmer wirklich spalten und was vorhersagt, auf welche Seite sie fallen. • Ein Opportunity-Backlog, geschrieben als „wenn [Situation], [wer] möchte [Ergebnis], weil [Grund]“, jeweils bewertet als Stark, Suggestiv oder Anekdotisch. • Eine direkte Antwort auf Ihre Entscheidungsfrage mit angegebenem Konfidenzniveau und was es ändern würde. • Die drei Fragen, die diese Runde nicht beantworten konnte, und wen Sie als Nächstes interviewen sollten. Wichtige Schutzmechanismen: Es erfindet oder glättet niemals ein Zitat, es weigert sich, Prozentsätze bei weniger als zwölf Teilnehmern zu berichten, es pseudonymisiert Teilnehmer standardmäßig und es sagt Ihnen ins Gesicht, wenn n=1 bedeutet, dass Sie eine Hypothese und keine Erkenntnis haben. Für Produktmanager, UX- und Marktforscher, Journalisten, Berater, Gründer in der Kundenerkundung und alle, die auf Stunden von Aufnahmen sitzen und keine Erkenntnisse haben.
ForschungPaper-Lernmeister
Unterstützt Produktmanager:innen, Gründer:innen und App-Entwickler:innen dabei, KI-Papiere anhand historischer Kausalketten zu verstehen und daraus Produktentscheidungen, technische Grenzen, technisches Gespür und Chancenanalysen abzuleiten.
Finde deine nächste Lieblingsfähigkeit
Entdecke weitere kuratierte KI-Fähigkeiten für Recherche, Kreativität und den Arbeitsalltag.