20 Sorting Algorithms Visualized

Поділитися
Вставка
  • Опубліковано 31 бер 2020
  • Visualization of 20 different Sorting Algorithms as a disparity loop with sound.
    Sorting Visualizer: github.com/CompilerStuck/sort...
    ✅ Subscribe: / @compilerstuck
    The disparity Loop visualizes disparity of the Elements. If an element is at its original position, the distance from the center is max. if it is far away from its original index the distance from the center is 0.
    Keep in mind that in this example we look at the array as if the beginning and the end is connected. So the distance between the 2nd element and the last is not n-2, but 2. The array is beeing shuffled in reverse.
    ▬▬ My Equipment ▬▬▬▬▬▬▬▬▬▬▬▬▬
    * Microphone: amzn.to/3IFxjnc
    * Monitor: amzn.to/3y3Niqg
    * Keyboard: amzn.to/3Yg9b0A
    * Mouse: amzn.to/3ZdslVZ
    Algorithm Timecodes:
    00:02 Radix Sort (Base 10)
    00:19 Gravity Sort (Bead)
    00:33 Shell Sort
    00:58 Merge Sort
    01:27 Heap Sort
    01:25 Odd Even Sort
    02:40 Comb Sort
    03:07 Double Selection Sort
    03:20 Pigeonhole Sort
    04:06 Selection Sort
    04:26 Quick Sort (Pivot Middle)
    04:34 Quick Sort (Double Pivot)
    04:44 Cycle Sort
    05:01 American Flag Sort
    05:20 Counting Sort
    05:35 Bucket Sort
    05:46 Cocktail Shaker Sort
    06:30 Bubble Sort
    07:16 Insertion Sort
    08:00 Gnome Sort
    09:00 COMPARISON TABLE
    Measurements explained:
    As "Comparison" counts the comparison of a value from the Array with any other value.
    As "Segment" counts every sorted part of the array.
    "Real Time" corresponds to the measured time only used for the algorithm.
    As "Swap" counts the exchange between the indexes of two elements of the array.
    As "Write to the Main Array" counts the change of a value in the Array.
    * The links marked with an asterisk (*) are affiliate links. If you click on such a link and make a purchase, I receive a commission from the respective online shop or provider. The price for you does not change.

КОМЕНТАРІ • 249

  • @glenndelacruz8157
    @glenndelacruz8157 2 роки тому +56

    0:35 + 2x speed = sick beat

  • @TheTvIsBroken_FD
    @TheTvIsBroken_FD 2 роки тому +34

    0:41 Wow the music is so cool

  • @ashermain_2000
    @ashermain_2000 9 місяців тому +29

    Radix Base 10 not being absolutely bass boosted is a blessing.

  • @Tubedroid2024
    @Tubedroid2024 Рік тому +5

    2:24 your business has a emoji cat

  • @FBI_agent_24
    @FBI_agent_24 Рік тому +17

    0:23 Motorcycle sound be like:

  • @aster_the_lil_guy
    @aster_the_lil_guy Рік тому +9

    3:10 sounds sick

  • @Holac0moestan132
    @Holac0moestan132 11 місяців тому +9

    2:26 it looks like a cat

  • @INTVEAYSLM2024
    @INTVEAYSLM2024 7 місяців тому +3

    i didnt feed my colors for one millisecond and now they TWEAKIN 💀💀💀💀💀💀😭😭😭😭😭⁉️⁉️⁉️⁉️😂😂😂😂😂

  • @Obstagoon862
    @Obstagoon862 2 роки тому +26

    Gravity sort was so satisfying!

  • @glitcher9453
    @glitcher9453 Рік тому +9

    Shell sort somehow makes a sick beat.

  • @gtdmg489
    @gtdmg489 3 роки тому +68

    The visual and sound reminds me of worthy.

  • @raffeld.afrinaldi8911
    @raffeld.afrinaldi8911 2 роки тому +19

    1:53 normal turns circle point

  • @XX-35withtophat
    @XX-35withtophat Рік тому +6

    2:26 wow

  • @mhyragaddi1866
    @mhyragaddi1866 Рік тому +41

    4:08 Selection Sort
    6:31 Bubble Sort
    7:16 Insertion Sort
    3:08 Double Selection Sort

  • @Kyle_the_duck
    @Kyle_the_duck Рік тому +5

    0:00 me dancing:

  • @MainChannelTheme
    @MainChannelTheme 2 роки тому +6

    Shell sort is a banger.

  • @MoosesValley
    @MoosesValley 3 роки тому +37

    Awesome work. These visualisations may not help a beginner understand / differentiate the various sorting algorithms, but they sure are interesting and make a lot of sense when you understand the algorithms, have written the code to implement them, etc. eg. The merge sort splitting the array in half over and over and then recombining the chunks recursively. You are proving that even after 70+ years of digital programmable computers, we can still find new and interesting and sometimes better ways to visualise processes and data. Keep up the great work !! +1 LIKE. +1 SUBSCRIBE.

    • @CompilerStuck
      @CompilerStuck  3 роки тому

      Thank you very much!

    • @rcb3921
      @rcb3921 3 роки тому +2

      "These visualisations may not help a beginner understand / differentiate the various sorting algorithms."
      There is no need to soften or qualify your criticism, it is spot on. This work does not help one to understand sorting algorithms.

    • @AleksSPace
      @AleksSPace 2 роки тому +1

      @@rcb3921 Too much "art", too little "sense". Starting with shuffle.

    • @maurolionelmipianoyyo11
      @maurolionelmipianoyyo11 2 роки тому

      I know how to insertion sort

    • @CompilerStuck
      @CompilerStuck  Рік тому +1

      If you wanna play around with it yourself: github.com/CompilerStuck/sorting-visualizer

  • @MoonGold42
    @MoonGold42 2 роки тому +10

    5:48this is making me dance

  • @eyeman2534
    @eyeman2534 Рік тому +5

    0:46 looks like a Ruffles

  • @XD-vd2xw
    @XD-vd2xw Рік тому +3

    X: whats 6 + 4?
    My brain: 1:31
    Me: 47

  • @ProTheRobloxer
    @ProTheRobloxer Рік тому +1

    Cycle Sort: Who are you?
    Double Selection Sort: I’m you, but faster

  • @wrigglel
    @wrigglel Рік тому +4

    0:03 rainbow sign (rainbow spread)

  • @Potato35634
    @Potato35634 Рік тому +3

    0:37 is a banger

  • @matthiashenke5306
    @matthiashenke5306 8 місяців тому +2

    This is the Best Sound Ever

  • @489Popular
    @489Popular 4 місяці тому +1

    7:19 me laughing atva cave and realises there is no caves

  • @abysspegasusgaming
    @abysspegasusgaming 7 місяців тому +1

    0:35 I was feeling a bit froggy that Sunday... Must've been a witch that turned me into a newt. I'm all better now though.

  • @nunthenihtara608
    @nunthenihtara608 2 роки тому +23

    Medal for Shell sort: 🥇

  • @thewoodfamily6511
    @thewoodfamily6511 2 дні тому

    0:25 perfect heart

  • @apportensmortis
    @apportensmortis 9 місяців тому +1

    THE ONE AT 0:35 GOES FUCKING HARD

  • @Анатолий-й3х
    @Анатолий-й3х Рік тому +3

    3:23

  • @bethgerong4481
    @bethgerong4481 2 роки тому +9

    no one: minecraft loading screen creating a new world be like: 1:01

  • @LVETOT
    @LVETOT 3 роки тому +2

    Subscribed! :D

  • @naruhodoryuichi_daniel
    @naruhodoryuichi_daniel 2 роки тому +2

    I like this sound of sorting.

  • @yapwilson666hulksmash5
    @yapwilson666hulksmash5 2 роки тому +4

    0:25 The heart shaped

  • @engel1018
    @engel1018 2 роки тому +3

    0:33 this sounds like a song

  • @arcrius4
    @arcrius4 Рік тому +6

    It seems like Bucket sort at 5:38 was doing what I normally see Pigeonhole sort do in other videos. (Elements equals writes to main array, writes to aux array is 2x elements, and no swaps).
    I had no clue what the Pigeonhole sort in this video was doing at 3:22.

    • @YokiiTheIncredible
      @YokiiTheIncredible Рік тому +3

      3:22 - Pigeonhole Sort
      8/10
      It's so good! I like the sound.

    • @XX-35withtophat
      @XX-35withtophat Рік тому

      ​@@YokiiTheIncredible me too

    • @chrisrodriguezm13
      @chrisrodriguezm13 7 місяців тому +1

      The pigeonhole sort was pretending itself to be the insertion sort

    • @kawkanat1616
      @kawkanat1616 5 місяців тому

      @@YokiiTheIncredible really cool

  • @yatsu5591
    @yatsu5591 2 роки тому +4

    This edible aint sh...

  • @mayzdev
    @mayzdev Рік тому +3

    0:23 heart

  • @Musicombo
    @Musicombo 4 роки тому +27

    This is pretty cool stuff! Is this your app or a fork of w0rthy's with your own improvements?

    • @CompilerStuck
      @CompilerStuck  4 роки тому +8

      Thank you! I wrote all code by myself, inspired by worthys and your videos

    • @Musicombo
      @Musicombo 4 роки тому +5

      @@CompilerStuck That's pretty rad, considering the inspirations shine through. Is this Java or Processing?

    • @CompilerStuck
      @CompilerStuck  4 роки тому +7

      @@Musicombo Well.. it's java, using Processing ;)

    • @Musicombo
      @Musicombo 4 роки тому +5

      @@CompilerStuck Cool! I gave you a shoutout on my channel. You deserve some attention :P

    • @CompilerStuck
      @CompilerStuck  4 роки тому +4

      Thank you! Means a lot to me :)

  • @user-pn7ty2he6m
    @user-pn7ty2he6m 4 роки тому +39

    Very interesting, thank you. Any chance I could get a copy of your spreadsheet? You gathered some wonderful data but I couldn't play with it!

    • @CompilerStuck
      @CompilerStuck  4 роки тому +2

      Hey, thanks for your feedback.
      I am currently setting up a GitHub-Repo with my stuff, but it's private yet.
      I could contact you when i publish it.

    • @user-pn7ty2he6m
      @user-pn7ty2he6m 4 роки тому +2

      @@CompilerStuck Cool! You can reach me at y4zxx1ypp9sb@opayq.com or just post here.

    • @CompilerStuck
      @CompilerStuck  4 роки тому +1

      @@user-pn7ty2he6m kk

    • @CompilerStuck
      @CompilerStuck  Рік тому +2

      It has been long, but here it is: github.com/CompilerStuck/sorting-visualizer

    • @marble5515
      @marble5515 Рік тому

      LoL .. 2 years

  • @RichardsonDoesStuff
    @RichardsonDoesStuff 6 місяців тому

    *_Yellow, Cyan and Pink have left the chat._*

  • @BulGoogol
    @BulGoogol 6 місяців тому +1

    0:35 fire

  • @ashutoshmahapatra537
    @ashutoshmahapatra537 Рік тому +2

    Odd even sort is like a fan 😂

  • @SkibidiSigmaAUTTP
    @SkibidiSigmaAUTTP 3 дні тому

    5:47 hey kid, wanna listen to this beat?

  • @KtmBowAndDavincifan
    @KtmBowAndDavincifan 2 роки тому +2

    2:27 EMOJICAT

  • @Nick-40o
    @Nick-40o 4 роки тому +40

    Have the visualization be the word "Sort",and I'll watch your videos.

  • @paulmark992
    @paulmark992 7 місяців тому

    This sounds like an 80s video game

  • @andee2126
    @andee2126 9 місяців тому +1

    0:40 why does this remind me of a Minecraft music track called moog city

  • @michaelsaunders1400
    @michaelsaunders1400 5 днів тому

    Hi, Atari!

  • @back22297
    @back22297 6 місяців тому

    This is how my moons orbit me

  • @Kids_Scissors
    @Kids_Scissors 2 роки тому +1

    damn, a whole lot of these just kinda look like the douboe selection sort

  • @MichelleAtxtxsaagtllred
    @MichelleAtxtxsaagtllred 8 днів тому +1

    2:29 feline

  • @Handles_Are_Bad_Lol
    @Handles_Are_Bad_Lol Рік тому +5

    Why does shuffling take so long when bogosort exists?

  • @glenndelacruz8157
    @glenndelacruz8157 2 роки тому +1

    2:22 giant eared

  • @slimecraft656
    @slimecraft656 3 місяці тому

    0:39 that shape like flower

  • @Csoki-v4y
    @Csoki-v4y 14 днів тому

    20 Sorting Algorithms Visualized

  • @kagechu2005BISVG
    @kagechu2005BISVG 2 роки тому +6

    0:35
    ain't no way
    1:55 also, 2x the speed for something else

  • @jimmykeech2467
    @jimmykeech2467 Рік тому +1

    3:23 sounds like "setting sun" by chemical brothers

  • @AdolfPickleBottom_42196
    @AdolfPickleBottom_42196 2 роки тому +2

    This feels really long but it's only 10 minutes

  • @bonkser
    @bonkser Рік тому

    can the particles go anywhere in the circle they get sorted into

  • @Henqee
    @Henqee Рік тому +8

    I like this so much! I tried to imitate it for my coding practice, but I am having trouble finding the distance between two elements. I could not see to connect the beginning and the end of the array;( If you don't mind, can you tell me how to do that?

    • @CompilerStuck
      @CompilerStuck  Рік тому +7

      Hey! That sounds fun :)
      You gotta think about what you want to achieve by calculating the disparity:
      Finding the minimum distance between the elements original position, and the position it is currently moved to.
      So you gotta calculate the absolute distance in both ways, forward and backward, and select the smaller value of both
      That would translate to sth like this:
      min(abs(current_pos - org_pos), array_length - abs(current_pos - org_pos))
      I hope this help :) Have fun coding!

    • @Henqee
      @Henqee Рік тому +4

      @@CompilerStuck Amazing! Thank you! It was helpful!

  • @BGQV
    @BGQV Рік тому

    “hey that girls cute! I wonder what she's listening to.“

  • @wrigglel
    @wrigglel Рік тому +1

    touhou attacks

  • @user-um7zf4le1p
    @user-um7zf4le1p Рік тому +2

    0:01 Shuffling…

  • @irapuanjuniorferreira7286
    @irapuanjuniorferreira7286 11 місяців тому +4

    4:08 Selection sort 6:31 bubble sort 7:16 3:08 double selection sort

  • @kawkanat1616
    @kawkanat1616 5 місяців тому

    0:36 its like a song

  • @anomalie3034
    @anomalie3034 3 роки тому +2

    gabber up!

  • @holasoynoahqueonda
    @holasoynoahqueonda 2 роки тому +2

    how you instaledSorting Algorithm

  • @thtdrgnmn
    @thtdrgnmn 10 місяців тому +2

    0:23

  • @SuperDZ555
    @SuperDZ555 2 роки тому +5

    fnf fans be like: this goes so hard

  • @zohnannor
    @zohnannor 2 роки тому +35

    I think pigeonhole sort is wrong

    • @zohnannor
      @zohnannor 2 роки тому

      yeah. you totally confused all the sorts

    • @Leviathan1132
      @Leviathan1132 2 роки тому +1

      Yeah

    • @CupisCupidity
      @CupisCupidity Рік тому

      No they aren't

    • @zohnannor
      @zohnannor Рік тому

      @@CupisCupidity can you show why?

    • @CupisCupidity
      @CupisCupidity Рік тому +1

      @@zohnannor cuz the gravity of the earth rotates everything of colors and moons of madness is the best time to stay home and take you to the moon is the best time scrolling down the street is so good to stay strong and can form for the 1 quadrillion a joke is so much better than the world is the new the world end of a middle aged in bourbon and can form

  • @Alexverse672
    @Alexverse672 Рік тому +1

    BEAD SORT 0:19

  • @mhyragaddi1866
    @mhyragaddi1866 Рік тому +3

    0:00 1:00 2:00
    3:00 4:00
    5:00
    6:00
    7:00 8:00 9:00 10:00

  • @nikmrn
    @nikmrn 2 роки тому

    my brain during an exam

  • @CompilerStuck
    @CompilerStuck  Рік тому +6

    Source Code available at: github.com/CompilerStuck/sorting-visualizer

  • @ForsakenXcfxcf
    @ForsakenXcfxcf 8 місяців тому +1

    Gravity (bead) sort

  • @CutieFakeKirby
    @CutieFakeKirby 2 роки тому +1

    0:36 gottem

  • @maurolionelmipianoyyo11
    @maurolionelmipianoyyo11 2 роки тому +6

    If you use lsd radix sort base 10 then put 4 and 2

  • @RobloxFan2518
    @RobloxFan2518 2 роки тому +5

    2:29 cat

  • @raffeld.afrinaldi8911
    @raffeld.afrinaldi8911 2 роки тому +1

    5:09 with shape strawberry lol

  • @irapuanjuniorferreira7286
    @irapuanjuniorferreira7286 Рік тому

    What app you use

  • @marianellasanchez6480
    @marianellasanchez6480 2 роки тому +2

    That sounds so weird

  • @HD_kev
    @HD_kev Рік тому

    Cool

  • @flomenmendoza1462
    @flomenmendoza1462 Рік тому +1

    4:08

  • @idkwtfiamdoingwithmylife
    @idkwtfiamdoingwithmylife Рік тому

    Yellow, cyan, pink left the chat

  • @ForsakenXcfxcf
    @ForsakenXcfxcf 8 місяців тому

    Shell sort red medal

  • @joypascual7163
    @joypascual7163 8 місяців тому

    looks like number 8

  • @pomidorka_
    @pomidorka_ Рік тому

    why does it shuffle in such a strange way?

  • @creusianemoraes6422
    @creusianemoraes6422 2 роки тому +1

    Double Sort!!!!!!!

  • @cjmentertainmentproductions

    How do you make these?

    • @CompilerStuck
      @CompilerStuck  Рік тому +1

      I just published the Sorting Visualizer: github.com/CompilerStuck/sorting-visualizer

  • @danceaw1
    @danceaw1 6 місяців тому

    0:06
    Am

  • @jcfreak73
    @jcfreak73 7 місяців тому

    By what attribute are these points being sorted? It doesn't appear to be either position or color.

    • @CompilerStuck
      @CompilerStuck  7 місяців тому +1

      It is by color. They are arranged in a circular pattern.
      But each points distance from the center is defined by the distance to the points original position in the array -> Disparity

    • @jcfreak73
      @jcfreak73 7 місяців тому +1

      @@CompilerStuck got it! Thank you

  • @user-nj2vm2nj5j
    @user-nj2vm2nj5j 8 місяців тому +2

    What’s the game called

    • @BubsTheCool
      @BubsTheCool 24 дні тому

      Sorting Algorithm: The Game

  • @haidecanon2470
    @haidecanon2470 7 місяців тому

    Less segments?

  • @chaoscontrol2001
    @chaoscontrol2001 2 роки тому

    so i STILL don't know how the fuck gravity does that. shocker

  • @pogixtiantocalo9616
    @pogixtiantocalo9616 3 місяці тому

    5:48

  • @LittleFarmLife1637
    @LittleFarmLife1637 Рік тому +2

    Δ00:02:27 do you see "😻?"

  • @RustyDogeNBee
    @RustyDogeNBee Рік тому +1

    👍🏻👍🏻👍🏻

  • @Hello_flowly
    @Hello_flowly Рік тому

    Odd even sort is based on emoji cat

  • @minestudiolikelimelife8555
    @minestudiolikelimelife8555 9 місяців тому

    2:48 cat?