Major Update: I just supercharged my Interactive Graph Theory Learning Platform! (3D Graphs, Real-World Maps, Python Sandbox & 30+ Algorithms)

Mohammed islam Hadjoudj — Fri, 24 Jul 2026 13:40:26 +0000

Hey everyone!

A while back, I started building a platform to make learning graph theory visual, interactive, and completely hands-on. Today, I'm beyond excited to share a massive update with the community detailing every single feature we've added to the platform so far!

I'm poured a lot of love into making this the ultimate playground for students, developers, and graph theory enthusiasts. Here is a breakdown of what you can play with right now:

Real-World Geographic Maps Graphs aren't just abstract dots anymore! I've integrated interactive geographic maps (Leaflet), allowing you to place nodes at actual latitude/longitude coordinates. You can run algorithms like Dijkstra's or Vehicle Routing directly over real-world maps (with support for dark, light, satellite, and terrain modes) and watch the algorithms navigate the globe!
3D Graph Visualization Want to see your network from a new angle? You can now toggle your graphs into stunning three-dimensional space! Using our new 3D view, you can rotate, pan, and zoom around complex topologies to get a much better intuitive feel for highly connected networks.
In-Browser Code Execution Sandbox (Python & JS!) Instead of just watching our pre-built algorithms run, you can now write your own custom algorithms directly in the browser using JavaScript or Python! The sandbox runs your code and hooks directly into the visual graph canvas, letting you highlight nodes, color edges, and debug your logic step-by-step.
Saved Graphs & Code Library Created a really cool map or wrote an awesome custom Python algorithm? You can now save your custom code snippets and graph topologies to your profile and access them later via the new "Saved Codes" and "Saved Graphs" library.
Interview Prep Mode Getting ready for technical interviews? I added a dedicated "Interview Prep View" designed specifically to help you drill down on data structure knowledge and test your understanding of algorithmic implementations.
Massive Library of 30+ Interactive Algorithms I’ve expanded our algorithm library significantly! You can now watch step-by-step visual animations for all of the following:

Traversals: Breadth-First Search (BFS), Depth-First Search (DFS), Topological Sort, Eulerian Path.

Shortest Path: Dijkstra's, Bellman-Ford, Floyd-Warshall.

Minimum Spanning Tree (MST): Prim's, Kruskal's, Boruvka's.

Connectivity: Tarjan's SCC, Kosaraju's SCC, Articulation Points, Bridges, Bipartite Check, Cycle Detection, Chordality.

Network Flow: Max Flow, Min Cut.

Pathing & NP-Hard Classics: Hamiltonian Path, Traveling Salesperson Problem (TSP), Graph Coloring, Maximal Clique.

Supply Chain & Logistics Algorithms We wanted to show how graph theory applies to the real world. We've introduced a whole new category focusing on logistics:

Facility Location Optimization (finding the best central hub)

K-Means Clustering on graphs (with convex hull visualizations)

Multi-Vehicle Routing & Capacitated Vehicle Routing (CVRP)

Advanced Interactive Graph Canvas The core 2D experience is smoother than ever. You can freely draw and drag nodes, add/remove edges, toggle between directed/undirected or weighted/unweighted graphs, and instantly watch how the changes affect algorithm execution in real-time.
Integrated Educational Lessons I've built out a full curriculum of interactive markdown lessons. You can read through the theory, terminology, and real-world applications of graphs while interacting with live examples right next to the text.
Full Internationalization (i18n) Graph theory is for everyone, so we've added full multi-language support! You can easily switch the UI language to learn and explore in your native tongue.
Complete Data Portability Have a specific graph you want to test? You can now easily Import and Export your custom graphs in multiple formats, including JSON, Adjacency Matrices, and Edge Lists.

Platforme link: https://learngraphtheory.org/

I'd love to hear your feedback! What algorithms or features should we add next? Let me know below! 👇

Why I Built My Own Interactive Graph Theory Learning Platform

Mohammed islam Hadjoudj — Sun, 20 Jul 2025 08:23:30 +0000

Graph theory has always fascinated me—it's this incredible intersection of structure, patterns, and applications. Looking back at how I first wrestled with the subject, I often wondered why learning it had to be so static. Most tutorials felt like a jumble of diagrams and dense pseudocode on paper, with precious few opportunities to actually play with graphs.
That was the spark for my project: I wanted a space where anyone, including myself, could experiment, ask “what if?” questions, and actually watch algorithms come to life.
Rethinking How We Learn Graphs
One thing became obvious as I mapped out what I wanted: learning is so much deeper when you get to build, tweak, and see the results instantly.
• Dragging a node to a new spot? Immediate.
• Connecting two nodes with just a click? Done.
• Want to see what happens if you delete an edge? It’s one tap, and the change ripples through every stat and property in real time.
Gone are the days of redrawing diagrams from scratch every time you want to tweak a scenario.
Algorithm Exploration Made Visual
A recurring pain point for me (and plenty of others) was making sense of classic and advanced algorithms:
• How does Breadth-First Search actually “explore” a graph?
• Why does Dijkstra’s algorithm always find the shortest path (unless you sneak in a negative weight)?
• What does “strongly connected” look like in a real network?
So, I built the site to walk you through these algorithms with actual graphs you can edit, complete with:
• Step-by-step animation that you can pause or rewind.
• Smart prompts when you need to pick a start node, set weights, or adjust direction.
• Clear explanations of complexity and use cases, but always beside the visualization—not hidden in a wall of text.
You can try out everything from basic traversals (BFS, DFS) to minimum spanning trees, network flows, and even niche challenges like Hamiltonian Paths or coloring problems.
Turning Lessons Into Practice
The idea was never to just offer a sandbox—you need some structure to go from “I kind of get it” to “I own this topic.” That’s why:
• Lessons are chunked from beginner to intermediate, each with a rough time estimate and a clear goal.
• After every lesson, there’s a practice mode. Read something, then do it while it’s fresh.
• Your progress is always visible, so you know what you’ve covered and what’s next.
I’ve also lined up comprehensive PDF guides for deeper dives—those are almost ready, and I’m determined to make them genuinely useful.
Real-Time Feedback & Analysis
Another thing that bugged me with old-school materials: You’d create a graph and have no idea if it had a cycle, was connected, or was bipartite unless you ran through every algorithm manually.
Now, as you build or edit:
• Stats like node/edge count and density update live.
• Icons instantly tell you if the graph is connected, contains cycles, or is bipartite.
• You can see the diameter, number of components, and average degree right as you work.
And if you want a new challenge, punch a button to generate a random graph, or pick a classic structure like a tree, cycle, or bipartite example.
Personal Touches for an Easier Learning Journey
Little details matter—zoom controls for sprawling graphs, one-click import/export to pick up where you left off, and overlays to make node and edge details front and center without clutter.
Teachers, students, curious coders: I built this for you, as much as for me.
What’s Coming Next
Graph theory’s way bigger than a single project, so I’m aiming higher. Next goals include:
• Rolling out the PDF guides and more advanced course tracks.
• Tackling topics like spectral algorithms and graph dynamics.
• Making the platform friendlier for everyone, with improved accessibility options.
If you’re excited about learning graph theory in a truly interactive way—or have feedback, requests, or want to collaborate—reach out! This is a project born from curiosity, and it’ll grow best with suggestions from fellow explorers.
Let’s keep pushing the boundaries of how we teach and learn graphs—one node at a time.
Want to take a look at the platform?: https://learngraphtheory.org

DEV Community: Mohammed islam Hadjoudj

Major Update: I just supercharged my Interactive Graph Theory Learning Platform! (3D Graphs, Real-World Maps, Python Sandbox & 30+ Algorithms)

Why I Built My Own Interactive Graph Theory Learning Platform