├── Bubble.jpeg ├── Insertion.png ├── README.md ├── Styling.css ├── About.html ├── Help.html ├── index.html ├── Bubble.html └── Insertion.html /Bubble.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hammad-7/Algorithm-VIsualization/HEAD/Bubble.jpeg -------------------------------------------------------------------------------- /Insertion.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hammad-7/Algorithm-VIsualization/HEAD/Insertion.png -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # Algorithm-Visualization 2 | See it's working here 3 | https://youtu.be/dNczMHA48-4 4 | -------------------------------------------------------------------------------- /Styling.css: -------------------------------------------------------------------------------- 1 | .sh{ 2 | border: 2px solid; 3 | background-color: #343A40; 4 | display: flex; 5 | justify-content: center; 6 | } 7 | 8 | #contain{ 9 | padding: 20px; 10 | background-color:rgb(21, 173, 165); 11 | } 12 | 13 | #heading{ 14 | text-align: center; 15 | color:blanchedalmond; 16 | } -------------------------------------------------------------------------------- /About.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | Algorithm Visualizer 4 | 5 | 6 | 7 | 8 | 9 | 10 |
11 | Home 12 | Bubble Sort 13 | Insertion Sort 14 | Help 15 | About 16 |
17 | 18 |
19 |

About

20 |
21 | 22 | 32 | 33 | 110 | 111 | -------------------------------------------------------------------------------- /Help.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | Algorithm Visualizer 4 | 5 | 6 | 7 | 8 | 9 | 10 |
11 | Home 12 | Bubble Sort 13 | Insertion Sort 14 | Help 15 | About 16 |
17 | 18 |
19 |
20 |

Help

21 | 22 | 23 | 33 | 34 | 111 | 112 | -------------------------------------------------------------------------------- /index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | Algorithm Visualizer 4 | 5 | 6 | 7 | 8 | 9 | 10 |
11 | Home 12 | Bubble Sort 13 | Insertion Sort 14 | Help 15 | About 16 |
17 | 18 |
19 | 20 |
21 |

22 |

Enjoy the new way of studying algorithms

23 |

Algorithm Visualizer

24 |

Choose from below algorithms to get started

25 |
26 |
27 |
28 |
29 |
30 |

Bubble Sort

31 |
32 | 33 |

Large values sorted first

34 |

A very important concept of algorithm

35 |

Best time Complexity is O(n)

36 |

Average and Worst time complexity is O(n²)

37 |

38 |
39 |
40 |
41 |
42 |

Insertion Sort

43 |
44 | 45 |

Efficient for smaller datasets

46 |

Effective for partially sorted array

47 |

Best time Complexity is O(n)

48 |

Average and Worst time complexity is O(n²)

49 |

50 |
51 |
52 |
53 |
54 |
55 | 56 | 66 | 67 | 144 | 145 | 146 | -------------------------------------------------------------------------------- /Bubble.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | Bubble Sort 4 | 5 | 6 | 7 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | Home 30 | Bubble Sort 31 | Insertion Sort 32 | Help 33 | About 34 |
35 |
36 |

BUBBLE SORT

37 |
38 | 39 |
40 | 41 | 42 | 43 | 44 | 45 | 46 | 47 |
48 | 49 |
50 |
51 | 52 | 53 | 54 | 200 | 201 | 202 | 212 | 213 | 214 | 215 | -------------------------------------------------------------------------------- /Insertion.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | Insertion Sort 4 | 5 | 6 | 7 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 |
27 | Home 28 | Bubble Sort 29 | Insertion Sort 30 | Help 31 | About 32 |
33 |
34 |

INSERTION SORT

35 |
36 |
37 |
38 | 39 | 40 | 41 | 42 | 43 | 44 | 45 |
46 |
47 |
48 | 49 | 188 | 189 | 201 | --------------------------------------------------------------------------------