惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

B
Blog
Microsoft Security Blog
Microsoft Security Blog
Jina AI
Jina AI
博客园 - 叶小钗
J
Java Code Geeks
博客园 - 聂微东
博客园 - 司徒正美
大猫的无限游戏
大猫的无限游戏
阮一峰的网络日志
阮一峰的网络日志
V
V2EX
美团技术团队
WordPress大学
WordPress大学
M
MIT News - Artificial intelligence
雷峰网
雷峰网
酷 壳 – CoolShell
酷 壳 – CoolShell
GbyAI
GbyAI
罗磊的独立博客
T
The Blog of Author Tim Ferriss
aimingoo的专栏
aimingoo的专栏
T
Tailwind CSS Blog
The Cloudflare Blog
Stack Overflow Blog
Stack Overflow Blog
N
Netflix TechBlog - Medium
小众软件
小众软件

DEV Community

Authentication Security Deep Dive: From Brute Force to Salted Hashing (With Java Examples) Why AI Systems Don’t Fail — They Drift Spilling beans for how i learn for exam😁"Reinforcement Learning Cheat Sheet" I Replaced Chrome with Safari for AI Browser Automation. Here's What Broke (and What Finally Worked) How Python Borrows Other People's Work The $40 Architecture: Processing 1 Billion API Requests with 99.99% Uptime Vibe Coding: A Workflow Guide (From Zero to SaaS) Most webhook security guides protect the wrong side. The scary part is delivery. Headless CMS for TanStack Start: Build a Blog with Cosmic EU Age Verification App "Hacked in 2 Minutes" — What Actually Happened Comfy Cloud’s delete function does not actually remove files Running AI Models on GPU Cloud Servers: A Beginner Guide Event-driven media intelligence with AWS Step Functions and Bedrock I scored 500 AI prompts across 8 quality dimensions — here's what broke How to Call Google Gemini API from Next.js (Free Tier, No Backend Needed) The Portal Protocol: Reclaiming Human Connection in the Age of AI How to Fix Your Team's Scattered Knowledge Problem With a Self-Hosted Forum Intro to tc Cloud Functors: A Graph-First Mental Model for the Modern Cloud Designing Multi-Tenant Backends With Both Ownership and Team Access I Built a Neumorphic CSS Library with 77+ Components — Here's What I Learned PostgreSQL Performance Optimization: Why Connection Pooling Is Critical at Scale Cómo construí un SaaS multi-rubro para gestionar expensas en Argentina con FastAPI + Vue 3 🚀 I Built an Ethical Hacking Scanner Tool – Open Source Project I Replaced /usage and /context in Claude Code With a Single Statusline A Pythonic Way to Handle Emails (IMAP/SMTP) with Auto-Discovery and AI-Ready Design I Collected 8.9 Million Polymarket Price Points — Here's What I Found About How Markets Really Move EcoTrack AI — Carbon Footprint Tracker & Dashboard Everyone's Using AI. No One Agrees How. 5 self-hosted ebook managers worth trying in 2026 Building Your First AI Agent with LangChain: From Chatbot to Autonomous Assistant
A little tool for watching algorithms run
Michal Král · 2026-06-17 · via DEV Community
Cover image for A little tool for watching algorithms run

Michal Král

I've always found algorithms easier to understand once I can see them move. Pseudocode and textbook diagrams are fine, but for a lot of things — how a sort actually rearranges elements, why Dijkstra picks the path it does — a static picture only gets me so far. I usually end up tracing through it by hand on paper.

So I made a small thing to do that tracing for me: bigoh.dev. It's free, open, and meant for learning. Sharing it here in case it's useful to anyone else who thinks the same way.

What it does

You pick an algorithm or data structure, edit the input, and press play. It runs step by step on a canvas. Below the animation there's a short description of what's happening at the current step, and the pseudocode with the active line highlighted. You can step forward and back, or scrub a timeline to jump around. That's basically it.

A few of the visualizations are interactive in a way that helps: on graphs you click to add nodes and edges, on grids you click to toggle walls, and on the geometry plane you click to drop points. Then you watch the algorithm run on the thing you just drew.

What's covered

There are around 67 visualizations right now, grouped roughly like this:

  • Sorting — bubble, quick, merge, heap, counting, radix, and the usual rest.
  • Searching — binary, jump, interpolation.
  • Data structures — stack, queue, deque, linked list, hash table, BST, heap.
  • Trees & graphs — traversals, BFS, DFS, Dijkstra, Bellman-Ford, MST (Prim, Kruskal, Borůvka), topological sort, connected components, cycle detection, bipartite check, Floyd-Warshall.
  • Pathfinding & mazes — BFS, A*, greedy best-first, Dijkstra on weighted terrain, bidirectional search, plus maze generation (recursive backtracker, Prim, Wilson).
  • Dynamic programming — edit distance, LCS, coin change, subset sum, knapsack (0/1 and unbounded), partition, Kadane, LIS, Fibonacci.
  • And I try to expand the list

One example

The pathfinding ones are where seeing it move helped me most. Run plain BFS on a grid and it spreads out evenly in all directions, like a flood — it has no idea where the goal is. Switch to A* on the same grid and the explored area visibly leans toward the target, because it's using a heuristic to guess which direction is worth checking first. Watching the two side by side made the difference click for me in a way that "A* is informed search" never did.

Dijkstra on weighted terrain is similar: you can watch it deliberately detour around the expensive squares instead of just taking the straight line, and suddenly the cost function isn't abstract anymore.

On the tech

For the developers here: it's built with Vue 3, with the visualizations drawn on canvas using Konva. Each algorithm produces a list of steps up front, and the player just renders whichever step you're on — which is what makes stepping back and scrubbing work. The pages are statically prerendered so they load quickly and are reasonably friendly to search engines.

That's it

It's a hobby project and still growing, so there are rough edges and gaps. If you try it and something is confusing, broken, or just missing an algorithm you wanted to see, I'd genuinely like to hear about it — suggestions for what to add next are very welcome.

Here it is: bigoh.dev. Thanks for reading.