GStars
    algorithm-visualizer

    algorithm-visualizer/algorithm-visualizer

    #278 this week

    :fireworks:Interactive Online Platform that Visualizes Algorithms from Code

    analytics
    algorithm
    animation
    data-structure
    visualization
    JavaScript
    MIT
    48.6K stars
    7.6K forks
    48.6K GitHub watchers
    Updated 7/12/2026
    View on GitHub

    Backblaze Generative Media Hackathon

    Build the next generation of AI media apps with Genblaze, stored on Backblaze B2. $10,000 in prizes.

    Enter the hackathon

    Loading star history...

    Use Cases & Benefits

    • Provides an interactive online platform that visualizes algorithms from code to enhance understanding.
    • Enables users to see algorithm behavior visually, making complex concepts easier to grasp than text alone.
    • Use for teaching algorithm concepts interactively in classrooms or coding bootcamps.
    • Use for self-learning and exploring algorithm tutorials with real-time visual feedback.
    • Use for contributing and extending algorithm visualizations in a React-based web app environment.

    About algorithm-visualizer

    Algorithm Visualizer

    Introduction

    Welcome to Algorithm Visualizer, an interactive online platform designed to bring algorithms to life through visualization. Whether you're a student, teacher, or professional, our platform provides an engaging way to explore and understand various algorithms.

    GitHub contributors GitHub license

    Languages and Frameworks Used

    Languages

    Key Features

    • Visualize algorithms from code:

      Algorithm Visualizer allows you to witness algorithms in action by visualizing code written in various programming languages. This visual approach facilitates a better understanding of algorithmic behavior..

    • Learn about Algorithms:

      Explore our collection of tutorials, articles, and videos that serve as valuable resources for learning about algorithms.

    algorithms

    In this repository, you'll find visualizations of algorithms showcased in the website's side menu. Contributions here directly impact the educational content available on the platform. https://github.com/algorithm-visualizer/algorithms

    tracers

    Explore the various visualization libraries in different programming languages. These libraries extract visualization commands from code. https://github.com/search?q=topic%3Avisualization-library+org%3Aalgorithm-visualizer&type=Repositories

    Live Demo

    Learning an algorithm gets much easier with visualizing it. Don't get what we mean? Check it out:

    algorithm-visualizer.orgScreenshot

    Contributing

    Our project consists of multiple repositories, each playing a crucial role in the Algorithm Visualizer ecosystem. If you're interested in contributing, check out the guidelines for the specific repository:

    • algorithm-visualizer is a web app written in React. It contains UI components and interprets commands into visualizations. Check out the contributing guidelines.

    • server serves the web app and provides APIs that it needs on the fly. (e.g., GitHub sign in, compiling/running code, etc.)

    • algorithms contains visualizations of algorithms shown on the side menu of the website.

    • tracers.* are visualization libraries written in each supported language. They extract visualizing commands from code.

    Ready to contribute? Explore the repositories and become part of the Algorithm Visualizer community!

    Discover Repositories

    Search across tracked repositories by name or description