Algorithms visualization

25    12 Jul 2015 13:11 by u/14d2025

Let's get in one place websites which show how algorithms works in graphic manner.

Share your propositions.

 

Data Structure

Data Structure

Maze

Maze Generation

Path Finding

Path Finding

Sorting algorithms

Sorting

Sorting

13 comments

4 u/Kiberbit 12 Jul 2015 13:28

"Visualizing Algorithms" by Mike Bostock

http://bost.ocks.org/mike/algorithms/

A bit of everything in there (sampling, shuffling, sorting, maze generation)

1 u/14d2025 [OP] 12 Jul 2015 13:30

Great, thanks for sharing

2 u/simery 12 Jul 2015 21:41

Visualize various sorting algorithms through dance!

1 u/EatenByAGrue 12 Jul 2015 13:21

heap sort<3

Is the audibilization done with square waves? Would be neat to hear it in sine waves to shrink the frequency spectrum a little.

2 u/14d2025 [OP] 12 Jul 2015 13:25

More Heap

1 u/RaptorSixFour 12 Jul 2015 13:37

In the path finding visualization, what do the blue and green squares mean?

1 u/shizleforizle 12 Jul 2015 15:23

My best guess is, at every iteration, each blue particle will attempt to create a child particle adjacent to it where there is space. The green squares represent the particles which will be created next (depending on the algorithm).

Also my guess for the Jump Point Search algorithm is that the blue squares represent the corners of the walls, and the intersections between either the starting position to walls, or walls to walls.

1 u/RaptorSixFour 12 Jul 2015 21:12

Interesting, but sometimes it will jump through a green square. Maybe the green squares are the squares computed in the last step?

0 u/shizleforizle 13 Jul 2015 20:49

Yeah I think you're right, whoops!

1 u/DrBunsen 12 Jul 2015 14:40

nice

1 u/topical_username 13 Jul 2015 18:44

More Sorting Algorithms : Not only does this visualize, it gives you a breakdown of the usages, and the Big O analysis.

1 u/14d2025 [OP] 14 Jul 2015 00:56

Thanks, good website.