Sorting Visualizer with Sound (JavaScript Tutorial)

Check out the 3 visualizers and their source code on my website :-)

very well explained just finished the project and it is working really great

I was going to subscrib you lol until you singing(joke ....

Radu, thank you very much!!! Great video!!!

loved your content 🎉

Awesome! Thank you!

I added a new effect to the animation when this is over. in the
if (moves.length ==0) . changed it to.

if (moves.length == 0) {
const bars = document.querySelectorAll(".bar");
for (let i = bars.length - 1; i >= 0; i--) {
const bar = bars[i];
const previousBar = bars[i + 1];
setTimeout(function() {
bar.style.backgroundColor = "green";
playNote(200 + array[i] * 500);
if (previousBar) {
previousBar.style.backgroundColor = "black";
playNote(200 + array[i+1] * 500)
if (i == 0){
bars[0].style.backgroundColor = "black";
}

;}


}, 100 * (bars.length - i));

}
return;
}

function quicksort(arr, left, right) {
const swaps = [];
var p;

if (arr.length > 1) {
p = partition(arr, left, right, swaps);
// animate(swaps);
}
if (left < p - 1) {
quicksort(arr, left, p - 1);
}
if (right > p + 1) {
quicksort(arr, p + 1, right);
}
return swaps;
}
function partition(arr, left, right, swaps) {
var pivot = (left + right) / 2;
var i = left;
var j = right;

while (i <= j) {
if (arr[i] <= arr[pivot]) {
i++;
}
else if (arr[j] >= arr[pivot]) {
j--;
}
else {
swaps.push([i, j]);
[arr[i], arr[j]] = [arr[j], arr[i]];
}
}
return pivot;
}

it is not working for quicksort but your code is working for bubble ,insertion ,selection sort but not with quicksort plz help radu sir

Using AI to make the video

Dont know why the function call from html(init, play) are not working 😢

Speechless😮

Amazing tuto, I've just redid it with Canvas and Typescript and implemented the insertion algorithm, you inspire me a lot, thank you

This is my first time practically using a do while loop

I swear I was searching for this a month ago RADU IS A LEGEND

You are awesome, it's so abstract and boring to learn data structures and algorithms and only being able to watch endless nested objects in the console; I've been looking for this kind of content for the last year and a half. Thank you!!

nice song

Great video ❤️..I have a doubt my bubble sort keep on happening even if I press init button. How to reset it.

Really cool video! Thank you!

Great video Radu ! I was wondering if you have done any implementations with other sorting algorithms (insertion, merge, quick, heap, etc.) that preserve the cool audio effects from this bubble sort algorithm.

The video works perfectly with playback speed of 1.5

Love your content! I would love to see and play that sorting algorithm game.

Hey on your intro ,its you or your body animation?

You are best ;) Thank You !!!!!!!!!!!!!!!!

i really apreciate your help with dowloanding this software

Thanks! Easy and clear tutorial!

man your sense of humor is innocent and your calm nature is fun to watch.

Just simply put the code, it works! thanks!

Hey Thanks Radu, I have followed u r lecture and written code Thanks man

working, thx

This is wayyy too helpful!! FR! Thanks a huge ton dude!!!

works, chock-full thanks!

I am your 900th like!

sarcasm.

Learnt a lot. Thanks! ❤❤

Grazie.

Like always your video is an inspiration, so fill of content and so well explained, thanks.

the logging mechanism is a really good idea thank you Radu :D

Watch later. I have exams soon.😢

is it possible to develop a code editor like vscode in javascript with syntax highlighting, intelligent code completion features?

Fantastic and fun! I'm sharing it! Send loves

As for the performance, it would be better to not recreate all bars every time you swap two bars. Better get them by id and change their heights. (This then can also be animated.)

Keep going radu, we're loving your creativity .Love and support from ⚪🟠🟢 🇮🇳. ♥♥♥

Most awaited video man

I love the intro song

wow! as always you suprise us with new and fresh content.

I love your content. You mix all my favorite subjects together: mathematics, computer science, data science, and web development. Great job!

Great video (as always)! I always learn a lot from your videos!

Very interested in the AudioAPI part, I’ll check your video on it !