CodeUtility
Mach dir das Coderleben leicht!
Visualizers

JSON Visualizer

Explore JSON as a diagram: every object and array becomes a card linked to its parent.

  • Runs in your browser
  • Instant results
  • Free, no sign-up
Loading the tool…

How to use the JSON Visualizer

  1. Paste JSON.
  2. Drag to pan and scroll to zoom; search to highlight keys and values.
  3. Click a card or value to copy its path, or download the graph as SVG.

Frequently asked questions

How is this different from the JSON viewer?

The viewer shows a collapsible tree; the visualizer draws the whole structure as a graph, so relationships are easier to see.

How large a file can it draw?

Up to 1,500 objects and arrays. Larger files are trimmed so the page stays fast.

Is my JSON uploaded?

No. Parsing and drawing happen in your browser.

JSON ViewerView JSON as a collapsible tree, search keys and values, and copy the path of any field. Handles large files; your JSON never leaves your browser. JSON DiffCompare two JSON documents by structure, not text. See added, removed and changed values with their paths, ignoring key order and formatting. Mermaid Live EditorWrite Mermaid code and see flowcharts, sequence, class, ER, state, Gantt and pie diagrams render live. Export SVG or PNG and share a link.

Übe Python mit Coding Challenges

Löse praktische Aufgaben direkt im Editor: Führe die Beispieltests aus, reiche ein und erhalte ein KI-Code-Review.

Alle Python-Challenges
Einfach

Average of Three

Average three whole numbers.

Du lernst ArithmetikDivision
BeginnerLearning-pathVariables
Python C++ C#
1 gelöst
Lösungen anzeigen (1)
Einfach

Rechteck-Umfang

Berechne den Umfang eines Rechtecks anhand seiner Seiten.

Du lernst ArithmetikRückgabewerte
BeginnerLearning-pathVariables
Python C++ C#
1 gelöst
Lösungen anzeigen (1)
Mittel

Eine Generation eines genetischen Algorithmus

Züchte die nächste Generation von Bitstrings mit Turnierselektion, Einpunkt-Crossover und Mutation.

Du lernst Genetische AlgorithmenEvolutionäre Suche
OptimizationSimulationai
Python C++ C#
0 gelöst
Noch keine Lösungen
Einfach

Epsilon-Greedy-Multi-Armed-Bandit

Balanciere Erkundung und Ausnutzung bei einem Multi-Armed-Bandit mit Epsilon-Greedy-Aktionsauswahl.

Du lernst Erkunden vs. AusnutzenBandits
Bestärkendes Lernenaimaschinelles Lernen
Python C++ C#
0 gelöst
Noch keine Lösungen
Einfach

Zustandsverteilung einer Markov-Kette

Führe eine Wahrscheinlichkeitsverteilung über eine Anzahl von Schritten durch die Übergangsmatrix einer Markov-Kette.

Du lernst Markov-KettenWahrscheinlichkeit
Simulationaimath
Python C++ C#
0 gelöst
Noch keine Lösungen
Mittel

Wertiteration

Berechne, wie wertvoll jeder Zustand eines Markov-Entscheidungsprozesses ist, indem du wiederholt das Bellman-Optimalitäts-Update anwendest.

Du lernst Bellman-GleichungMDPs
Bestärkendes Lernenaimaschinelles Lernen
Python C++ C#
0 gelöst
Noch keine Lösungen
Mittel

Q-Learning-Updates

Wende das Q-Learning-Update auf einen Strom von Erfahrungen an und sieh zu, wie Belohnungen zu früheren Zuständen zurückfließen.

Du lernst Q-LearningDiskontierte Belohnungen
Bestärkendes Lernenaimaschinelles Lernen
Python C++ C#
0 gelöst
Noch keine Lösungen
Mittel

Alpha-Beta-Pruning

Bewerte einen Spielbaum mit Minimax und Alpha-Beta-Pruning und zähle, wie viele Blätter die Suche tatsächlich ansieht.

Du lernst Alpha-Beta-PruningSpielsuche
RecursionTreesai
Python C++ C#
0 gelöst
Noch keine Lösungen
Mittel

Minimax-Tic-Tac-Toe

Wähle den perfekten Tic-Tac-Toe-Zug, indem du den ganzen Spielbaum mit Minimax durchsuchst.

Du lernst MinimaxSpielbäume
Recursionai
Python C++ C#
0 gelöst
Noch keine Lösungen
Mittel

A*-Suche auf einem gewichteten Gitter

Finde mit A*, dem Suchalgorithmus hinter der Wegfindung in Spielen und Robotern, den günstigsten Weg durch ein Gitter aus Geländekosten.

Du lernst A*-SucheHeuristiken
GraphsGridsShortest-pathai
Python C++ C#
0 gelöst
Noch keine Lösungen
Mittel

Temperatur- und Top-K-Sampling

Wähle das nächste Token wie ein Sprachmodell: Behalte die k höchsten Logits, wende die Temperatur an und ziehe eine Stichprobe.

Du lernst TextgenerierungSampling
aimaschinelles Lernen
Python C++ C#
0 gelöst
Noch keine Lösungen
Schwierig

Multi-Head-Self-Attention

Projiziere die Eingabe in Queries, Keys und Values, führe Attention in mehreren Heads parallel aus und kombiniere sie.

Du lernst Multi-Head-AttentionMatrixprojektionen
aimaschinelles Lernen
Python C++ C#
0 gelöst
Noch keine Lösungen