Coding Challenge

Поділитися
Вставка
  • Опубліковано 21 лис 2024

КОМЕНТАРІ • 238

  • @erjonfanaj3562
    @erjonfanaj3562 5 років тому

    Hoare has a shuffle method first
    - lo at [0] , i at [1] , hi at array.length - 1
    - 1st element in the array will be the pivot and you just need to follow the rules
    1.If lo < i ; i++
    2.else if hi > lo; hi- -
    3.else swap lo i
    4. If swap ... lo is pivot.
    And every time you use rules,you continue with the rule that was true in the preview step. Simple

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

    "Maybe my diagraming and explaining isn't the greatest..."
    Bro, your whiteboard explanation was so to the point that I learned how a quick sort algorithm works in 6 minutes

  • @Birbone21
    @Birbone21 5 років тому +91

    19:40 When your quick sort algorithm is so quick that you had to add sleep timeout to slow it down.

  • @MajorMandyKitten
    @MajorMandyKitten 5 років тому +10

    Can I just say that I always appreciate your videos? they're super inspiring!

  • @NormalizedNerd
    @NormalizedNerd 5 років тому +47

    was looking for the visualization of quick sort....glad you made this video :)

    • @harikapachipulusu9243
      @harikapachipulusu9243 5 років тому +2

      There is a website called "visual go" u can find visualization for all sortings.

    • @NormalizedNerd
      @NormalizedNerd 5 років тому

      @@harikapachipulusu9243 thanks for the info 😊

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

    I was obsessed with those sorting visualization videos and tried tinkering with making it in Java but this makes it much easier thank you!!

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

    Wow this is by far the best explenation for QuickSort!! You have such an incredible talent abstract things in a simple way. I loved that you didnt explain the partition algorithm at first, explaining the overall strategy first and then breaking down part by part...! I can see the beauty of quicksort now so clearly! Thanks so much for your work!

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

    Before I saw your videos, I was so confused about coding, then I saw them and I became great at coding. Thank you

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

    I have a theory that Daniel Shiffman is actually an ultra genius, thinking 9 levels deep and doing 5D chess in his head on the fly. The mistakes he makes are on purpose, planned out exactly, just to help us all learn the process of debugging. If you've seen the 4D coordinate rotation stuff he did in his tesseract video, you know he's no dummy.
    Thanks, Daniel. You're a beautiful person.

  • @cosmiccatnap
    @cosmiccatnap 3 роки тому +7

    This was incredible, thank you so much I feel like i've made more progress on understanding this in the last half hour than I have all afternoon.

  • @bapolino733
    @bapolino733 5 років тому +95

    15:40 typical debugging.... was this the only mistake. Oh no nevermind

  • @akruijff
    @akruijff 5 років тому +2

    For a better pivot: pivot = start/2 + end/2. This works better when the array is (already) sorted.

  • @Taterzz
    @Taterzz 4 роки тому +6

    i swear this dude is the bob ross of coding. he manages to make something intricate and often irritating to deal with entertaining and insightful.

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

    I have read this in a text book and watched 4 vids so far and this is the best one for me, I feel I can actually take a crack at coding it now.

  • @ryaneakins7269
    @ryaneakins7269 5 років тому +138

    This is very nice, but have you seen sorting algorithms visualised as Hungarian dances?

    • @jakobwakob1044
      @jakobwakob1044 5 років тому +3

      Thank you for so much for mentioning that, my life would've always been incomplete without having seen those videos!!

    • @betfairtradingtips4948
      @betfairtradingtips4948 5 років тому +1

      I have now :-D

    • @jiffpop5143
      @jiffpop5143 5 років тому +2

      My computer science teacher showed that to my whole class

  • @jcjeong
    @jcjeong 4 роки тому +10

    Thank you so much for taking the time to do this! PS instead of swap function, easy way to swap array elements in ES6 is: [ arr[a], arr[b] ] = [ arr[b], arr[a] ];

  • @minijimi
    @minijimi 5 років тому +3

    Good job, I like the fact you made a plan on the white board and then implemented it. Of course it will not work the first time, things take time to debug and optimize.

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

    this array handling in a function is very interesting. i didn't know could be a third constructor space to hold an array and flip through with more place holders

  • @rafaelgpontes
    @rafaelgpontes 5 років тому +5

    I actually had to implement this algorithm last week! It's comforting knowing that I'm not the only one who struggled with a bunch of errors doing this! Hahaha

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

    A *quick* explanation of QuickSort:
    1. Pick a random element. That's your pivot.
    2. Move elements larger than the pivot to the right, and elements smaller than the pivot to the left.
    3. Put your pivot back between the 2 subarrays you just created. BOOM your pivot is in its sorted place!
    4. Go to the first subarray and repeat the first 3 steps. Continue when you're at the start of the array.
    5. After going all the way down, go back up subarray by subarray (ignoring the already sorted stuff) until you're at the top.
    6. Done.

    • @shohebbeldar4377
      @shohebbeldar4377 4 роки тому

      Dude u literally just cleared my confusion...thanks

  • @hankhill-
    @hankhill- 5 років тому +44

    I've waited so long for this video! 👍
    Actually I have to confess: Last August (once you made the video about your bubble sort visualization) I decided to use 'Visualization of Sorting Algorithms' as the topic for my upcoming term paper in computer science at school. And so I did it. All the time I was hoping that you are going to continue this series. But unfortunately you haven't.
    So I was forced to work on my own for the rest of the term paper. I've made research on five different sorting algorithms and visualized them in javascript using p5.
    Retrospectively this outcome was even better than expected. It helped me to understand the whole topic and taught me that cheating in something like this isn't helpful at all.
    Nevertheless thank you so much for your great, funny and awesome work all the time!!! 👍
    P.S.: I'm 17 currently, doing my A-Levels, come from Germany and really got the best grade possible for this project (in GER it's 15 Points ;D ). My english isn't that good... I know but I hope you could understand it ;D Keep up with your great work!!!

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

    Excellent video. This is the 2nd video about quick sort that I watched with laughter.

  • @IngoBartling
    @IngoBartling 5 років тому

    I did the same with students. First they learned to init an array with the numbers 1-100. Than we used the inner part of the bubble-sort to mix up the array. Afterwards we sorted the whole array again. A little transfer exercise was to implement the shaker-sort algorithm.

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

    I have read books , watched lot of other UA-cam channels, this video made the day for me. So simple and clear.Choosing 5 elements is the good idea which made things simple to understand. Thank you!

  • @-Average-
    @-Average- 3 роки тому

    2nd year Computer Science student here.... I finally understand quicksort

  • @kdmq
    @kdmq 5 років тому +2

    I would love to see a heap sort visualization, the heap has different levels and can be visualized with different colors, one of the best sorts to watch.

  • @kingezikiel5302
    @kingezikiel5302 5 років тому +2

    Just to note. Big-Oh notation is for the worst case (you have probably already been told this).
    Bubble sort and Quick sort are both O(n^2). (In the worst case, the pivot is always terrible).
    You're completely right about the average case though!

    • @alexmeyer2394
      @alexmeyer2394 5 років тому +1

      Why not use it for the average runtime or expected runtime? I've seen that countless times in literature.

    • @kingezikiel5302
      @kingezikiel5302 5 років тому +1

      @@alexmeyer2394
      You're correct. The author defines the usage. In practice, I've used the notation for best, average, and worst case analysis of algorithms. Recently, I've been spending too much time on the latter.
      Thanks for the correction!

    • @TheCodingTrain
      @TheCodingTrain  5 років тому +1

      Thank you for this discussion!!

  • @mayankmani545
    @mayankmani545 5 років тому +100

    Can you do Gravity Sort as well? I saw some visualisations and it was one of the fastest algorithms, but I don't understand how it works. Pretty please?

    • @qvistyboy
      @qvistyboy 5 років тому +7

      ua-cam.com/video/MneHbUXyKHg/v-deo.html - not the fastest

    • @0xDEAD_Inside
      @0xDEAD_Inside 5 років тому +45

      Blasphemy! Everyone knows Bogo Sort is the fastest sort algorithm!

    • @SimonTiger
      @SimonTiger 5 років тому

      @Kapil Singaria no. Bogo sort is one of the slowest sorting algorithms.

    • @0xDEAD_Inside
      @0xDEAD_Inside 5 років тому +25

      @@SimonTiger Dude what! It is the only algorithm with lower bound complexity O(1). It can sort a list instantly. Get your algorithm game up!

    • @mayankmani545
      @mayankmani545 5 років тому +26

      @@SimonTiger r/woosh

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

    Thank you for the information you gave us and I'm a fan of you. You are an amazing teacher.

  • @mariogarcia9812
    @mariogarcia9812 4 роки тому

    I did my thesis inspired by these videos

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

    Best video I've evere seen 😂

  • @Qgleuo
    @Qgleuo 5 років тому +2

    Wow, you are an amazing teacher!

  • @robertchen9979
    @robertchen9979 5 років тому

    27:04 Another reason I think the visualization looks different is because multiple parts of the array are being partitioned at the same time (I guess that's what you wanted, but it's kinda like sorting in parallel). Also if you want to visualize the partition being done sequentially, I think you can draw everytime you swap, that way you can visualize quick sort (any many other sorting algorithms) without doing it asynchronously.

  • @LithiumDeuteride-6
    @LithiumDeuteride-6 Рік тому

    By the way, the correct conditional exchange function.
    mov eax, [ecx][esi*4-1*4]
    mov edx, [ecx][esi*4]
    .if (sdword ptr edx < eax)
    mov [ecx][esi*4-1*4], edx
    mov [ecx][esi*4], eax
    mov bl, true
    .endif
    On superscalar processors, 1-2 clock cycles work (but maybe 3-4 clock cycles if the processor is old), if the data is in the cache of the 1st level.

  • @grainfrizz
    @grainfrizz 5 років тому +23

    I'm not a JavaScript programmer but when you where doing await to both quickSort I was shouting that's now synchronous, lol! And then I was hoping there's Task.All() you could use. Then voilà, Promise.All(); :)
    I never thought JS would be so much similar to C#.

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

      The async functions proposal was inspired by C#

  • @JohnSmith-cj2zl
    @JohnSmith-cj2zl 5 років тому

    Im only here to understand how to write a quicksort I wasnt disappointed, thank you for the diagram and your explanation.

  • @franzschubert4480
    @franzschubert4480 5 років тому +2

    1:02 Recursion is never required but an optional feature to many programming languages.

  • @NavyBlueMan
    @NavyBlueMan 5 років тому +17

    What about an actual coin flip? Like a 3d visualisation of a coin that you give a random upwards and angular velocity and see if it lands heads or tails?

  • @TheHawk3r
    @TheHawk3r 3 роки тому +1

    Great Video. Really having a bad time with recursiveness and sorting algorithms.
    But this channel helps me a lot.
    Have a great day mister!

  • @slycordinator
    @slycordinator 5 років тому

    "I don't need to pass a partition argument because I'm always going to use the end as the pivot."
    That said, quicksort with a random pivot generally performs better. That said, like any plain quicksort, it still would have O(n^2) in the worst case.

  • @TanjoGalbi
    @TanjoGalbi 5 років тому +1

    You did not need async and await in there at all. If you draw during the partition function steps you get every step of the sorting displayed. You were just over complicating it by using async and await :)

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

    Nice video as always. Just want to help with a correction: O notation doesn't refer to average cost of an algorithm, but it's WORST case, it means that the bubblesort will never cost more than n² and it's average could be lower than that

  • @zinsy23
    @zinsy23 4 роки тому

    OMG! I've been having a problem where I want to add a delay to something but I want the draw loop to continue working. I think the async/await is my answer to the problem! I'm not getting answers I want on forums, but I think this is the answer! Now I just have to find time to come back to the project and test it!

  • @borschetsky
    @borschetsky 5 років тому +1

    Hey! Nice!
    This video should be at trends:-)
    Thanks to you I’ve finally understood the classic quickSort implementation with memory complexity 0(n).

  • @karthikeshwar
    @karthikeshwar 4 роки тому

    You are inspirational. Thanks a lot.

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

    To be clear, use of await Promise.all() in this example did not result in both calls to quickSort() running in parallel on separate threads. Javascript is single threaded. The use of await and the sleep() function had the affect of running portions of each quickSort synchronously, jumping between the two as each executed a sleep().

  • @Erik31415
    @Erik31415 5 років тому

    Your editor is a genious

  • @axeleblaze6691
    @axeleblaze6691 5 років тому +1

    Thanks a lot !! i was waiting for this , you are the best

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

    Wow. With the visualization part I really understand the concept more practically.
    I came up with some control, if the end is greater than the array.length - 1 (last item's position), the sorting will fill in undefined values in the remaining places. So it's really good to check for it, gracefully.
    let ending = end > array.length - 1? array.length - 1 : end

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

    try hash sort, with hash values to assign to bins, ie, 5 bins, min=5, max=106, delta=106-5, binsize=delta/bins=101/5=20.2, first bin is roughly [5, 5+20]=[5, 26], then [26, 46], [46, 66], [66, 86], [86,106]. hash function is simply f(value)=(value-min)/delta, giving the bin index of 1-bins. very much like radix and merge sort, and quick sort, division sort. subsort each bin, until all bins have max 1 number, then print in order.

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

      try 2-phase median bucket sort, it first finds the actual median O(n), then split to two buckets, binary quicksort, then sort sub-buckets, O(n log n) stable always

  • @maxmitchell8464
    @maxmitchell8464 5 років тому

    this is almost a good the Hungarian folk dance that my coding teacher showed me for a visualisation of a quick sort

  • @rrschach2886
    @rrschach2886 5 років тому +1

    Do the Thanos sort ! (Randomly delete half of the array until it is sorted)

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

    How I'd do the pivot array-
    For every call to QuickSort, push our pivot index to the pivots array (after we've moved it into place) so that you can watch QuickSort sort one element at a time

  • @ianbarton1990
    @ianbarton1990 5 років тому +9

    Bogosort next?

  • @prakhiltp4636
    @prakhiltp4636 4 роки тому

    Nice explanation, thank you.

  • @domninin
    @domninin 5 років тому +1

    Have you ever thought about making a video on the topic of Case Based Reasoning? I think it could be pretty interesting, maybe have a game like Tetris or Snake and have a CBR algorithm learn from your behavior. Love your videos, keep it up :)

  • @justinbrentwood1299
    @justinbrentwood1299 5 років тому +1

    Coding Challenge: Merge Sort. :) I like this one.

  • @leonsoler3822
    @leonsoler3822 5 років тому +1

    Great video Daniel! id love to see mergesort visualization, greetings from Argentina!!

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

    wow, that one was pretty crazy.. wut a convenient delay , i could have used sumthing like this "so" many times by now. as for sorting it's still catastrophic for me lol should have seen what i came up for as a selection yesterday. fun and interesting to watch, not sure it has a real use .learned to use my push pop shfft unshift slice concat and filter and queue up indexs to move and delete by splitting the array moving from middle to front. as far as the big o goes, i guess prettty big. and i nested a loop, and used my upper outside one to select a number, and the inside one checked each one at a time and find the biggest on so y[j] > y[i]?, moves on, checks them all, and finds the biggest,excluding ones it found.slices it from the middle, pops it off the end pushes it to end of second slice and concats it. it gets, some, kinda close, lol then i came here lollol

  • @linsus
    @linsus 5 років тому +1

    Another cool thing would be Radix Sort LSD

  • @manuellehmann267
    @manuellehmann267 5 років тому +5

    Haha, a lot of mistakes this time. But don't be emberassed. Quick Sort can be pretty confusing. ^^

  • @noraxi
    @noraxi 5 років тому

    That's a nice channel, glad i found it, keep up the good work

  • @jordy15322
    @jordy15322 5 років тому +1

    As always a great video :D and a great way of me procrastinating... at least this one was kind of revision.
    what about creating a series for the other sorting algorithms such as shell sort (it's a nice one to watch) and a few of the other ones too. Makes it a good tool for uni students etc to watch your content, in fact just the other day i gave the link to some people in my class to one of your other videos explaining something better than one of our lectuer's

  • @legofunmaster
    @legofunmaster 5 років тому +1

    Nice video. I was watching your video with the double pendulum, and decided to make one as well. Then i though "tripple pendulum?" i am sad that you had not made one yet, so i went ahead and made the pendulum myself, but I now challenge you to make one yourself :) looking forward to see if you can :P

    • @legofunmaster
      @legofunmaster 5 років тому

      If you do end up trying to make one, you will probably need lagrangian equations :D
      mine is up and running here oxnan.me/p3

    • @TheCodingTrain
      @TheCodingTrain  5 років тому +1

      Wow! You can submit a link to the coding train website if you like!
      github.com/CodingTrain/website/wiki/Community-Contributions-Guide

    • @legofunmaster
      @legofunmaster 5 років тому

      Okay :) thanks :)

  • @VictorNascimentoo
    @VictorNascimentoo 5 років тому +2

    Do a next challenge on Hilbert Curves and other space filling curves :)

    • @TheCodingTrain
      @TheCodingTrain  5 років тому

      Please suggest here! github.com/CodingTrain/Rainbow-Topics/issues

    • @VictorNascimentoo
      @VictorNascimentoo 5 років тому

      @@TheCodingTrain There is this issue open since 2016 =( github.com/CodingTrain/Rainbow-Topics/issues/3

  • @moradmorgan9268
    @moradmorgan9268 5 років тому

    u are the best !!!!

  • @kae4881
    @kae4881 4 роки тому +16

    Whenever any programmer gets stuck with a project: 19:08

  • @efflogz5216
    @efflogz5216 5 років тому +1

    Nice video as always, could you please do radix sort now?

  • @noname6878
    @noname6878 5 років тому

    Mate Im pretty sure the partition function is the sum of the Boltzmann distribution over all the microstates of the system.

  • @SummersonGoncalves
    @SummersonGoncalves 5 років тому

    greetings from Brazil!!!

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

    It is really easy to do

  • @johnmclennon7388
    @johnmclennon7388 5 років тому +1

    As always well, can you make videos about sorts types(bubble sort, insertion sort, merge sort), it may be nice and useful.

  • @iradnuriel9087
    @iradnuriel9087 5 років тому

    yay!

  • @franatrturcech8484
    @franatrturcech8484 4 роки тому

    function quickSort(array){
    if(array.length < 2)
    return array.slice(0);
    var arr = array.slice(0);
    var pivot = Math.floor(arr.length / 2);
    arr.splice(pivot, 1);
    var loet = [], gt = [];
    for(var num of arr)
    (num

  • @evolutionxbox
    @evolutionxbox 5 років тому

    I just listened to the @basecs podcast episode all about this!

    • @TheCodingTrain
      @TheCodingTrain  5 років тому

      Oh, hello there @Jonathan Cousins! How are things? I love that podcast, but haven't kept up, will have to listen now!

  • @OonHan
    @OonHan 5 років тому +8

    *bubble sort has left the chat*

  • @Hagledesperado
    @Hagledesperado 5 років тому +9

    14:10 TypeScript would have caught 40% of those errors before you even ran the code. Juzzzt zzzaying.

  • @stickmandaninacan
    @stickmandaninacan 5 років тому

    love sorting visualisations, but I think i might have a slight bit of ocd, since im triggered that all the sorted bars dont make a straight line. maybe instead of setting a bunch of bars with random height you could create the bars with incrementally ascending height so that they are straight when sorted, and then randomise their positions.

    • @TheCodingTrain
      @TheCodingTrain  5 років тому +1

      Oh I like this idea! Maybe if I do another sorting video I can do that.

  • @blinzi69
    @blinzi69 5 років тому +1

    please make a sudoku solver or anything that uses a recursive backtracking algorythm. would becool :) thanks

  • @basantabaruah990
    @basantabaruah990 5 років тому

    Please also do a video for merge sort.

  • @JDoawp
    @JDoawp 5 років тому

    That LSD sort next please

  • @TheFrankvHoof
    @TheFrankvHoof 5 років тому +1

    Could've/Should've colored the two elements currently swapping as well

  • @MFM_Gaming
    @MFM_Gaming 5 років тому

    What about multithreading? Could you pick every 4 numbers and sort around those?

    • @eliemervelez3583
      @eliemervelez3583 5 років тому

      Sorting is really complicated in multithreading, youd be making 4 individual partition calls for no real reason. What you could do is, everytime theres a new quicksort call, send it to a new processor, or queue it on another one. The problem then becomes synchronization. If for some reason a faster processor reaches a part of the array much further down the recursion but the segment hes working on hasnt been executed by the other processor in charge of that call, then you dont end up with the correct sort

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

    24:49 shouldn't this use states[i+start] again?

  • @REDACT3D
    @REDACT3D 5 років тому

    number_list = [9, 3, 4, 6, 5]
    number_list.sort()
    print(number_list)

  • @hansdiamante8884
    @hansdiamante8884 5 років тому +5

    drink everytime he writes or types "partion"

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

    What if I want to display number text on rectangular bars?

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

    more simple solution: call draw inside the quicksort algorithm

  • @sitalsitoula6536
    @sitalsitoula6536 4 роки тому

    I am trying to do this by creating 10 circle and moving the circle each time a swap happens. When I test the animation without quicksort it works and the circle swap position. But when I put the code for quickSort and call the animate() function inside the swap() function all the circles move at the same time and don't get swapped as expected.

  • @adityachebiyyam2188
    @adityachebiyyam2188 4 роки тому

    On a sillier note, 14:13 - 16:51 strong arguments for switching to TypeScript 😅

  • @Cornellie
    @Cornellie 5 років тому

    Please do a Processing version for this.
    I dont know that async keyword :(

  • @Andrea-xo3ix
    @Andrea-xo3ix 4 місяці тому

    The "Hoare Partition Scheme" is also known as "Your Mom's Partition Scheme" in most of the internet

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

    I need that thingy you blow in and it sounds like a locomotive, what is it called? :)

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

    um what about the value at index? You're segmenting from start to index - 1, and index + 1 to end. So what about the value at index?

  • @frognik79
    @frognik79 5 років тому +1

    Now go back and update your image pixel sorter.

  • @mineman1736
    @mineman1736 5 років тому

    I don’t understand why you would need to recursively call quicksort for each half. I thought the partition function completely sorts the array so why cut it into half and do it again?

  • @siddhartha.c892
    @siddhartha.c892 5 місяців тому

    In which application can we run the code

  • @arcturianbeing2534
    @arcturianbeing2534 5 років тому

    love coding train 🚂 Can you do coupled pendulum. I’ve been struggling with this for a while now.

    • @TheCodingTrain
      @TheCodingTrain  5 років тому +1

      This? thecodingtrain.com/CodingChallenges/093-double-pendulum.html

  • @loreleihillard5078
    @loreleihillard5078 5 років тому

    where/when do you do your streams? it'd be nice to watch one in real time

    • @TheCodingTrain
      @TheCodingTrain  5 років тому

      Right here on UA-cam subscribe and click the alarm bell for notifications 😀

  • @grainfrizz
    @grainfrizz 5 років тому

    I'm not sure but I think choosing the last element of the array as the first pivot point worsens the O performance especially in sorting items with billions of elements to sort. Is it right to start at ((arr.Length - 1) / 2) a.k.a the middle?

    • @harikapachipulusu9243
      @harikapachipulusu9243 5 років тому

      I think then it will become randomized quick sort, which is better in case of worst case.