---
comments: true
hide:
  - footer
---

=== " "

    <div class="result" markdown>
    ![conceptual_rendering](index.assets/conceptual_rendering.png){ align=left width=350 }
    </br></br></br></br></br>
    <h1 align="center"><i> Hello, Algorithm </i></h1>
    <p align="center"> Illustrations & Animations, Click & Run, Community Discussions</br>A quick start tutorial for data structures and algorithms </p>
    <p align="center"> [![github-stars](https://img.shields.io/github/stars/krahets/hello-algo?style=social)](https://github.com/krahets/hello-algo)</p>
    <h6 align="center"> [@Krahets](https://leetcode.cn/u/jyd/) </h6>
    </div>

---

<h2 align="center"><i> Clear Illustrations & Animations </i></h2>

<p align="center"> Key points with animation, learning with relaxation</br>Seamless reading on PC, tablet, and mobile </p>

![algorithm_animation](index.assets/animation.gif)

!!! quote ""

    <p align="center"> "A picture is worth a thousand words." </p>

---

<h2 align="center"><i> Learning by Doing </i></h2>

<p align="center"> Provide clear implementations and test codes of classic algorithms</br>Multiple languages, detailed comments, all runnable </p>

![running_code](index.assets/running_code.gif)

!!! quote ""

    <p align="center"> "Talk is cheap. Show me the code." </p>

---

<h2 align="center"><i> With Discussions & Questions </i></h2>

<p align="center"> Author usually replies within 72 hours</br>Discuss with other readers and improve together </p>

![comment](index.assets/comment.gif)

!!! quote ""

    <p align="center"> "Once more unto the breach, dear friends, once more" </p>

---

<h2 align="center"> Recommendations </h2>

!!! quote

    "An easy-to-understand beginners' guide to data structures and algorithms, guiding readers to learn with both hands and brains, and strongly recommended for algorithm beginners to read."

    **—— 邓俊辉, Prof. of Computer Science, Tsinghua University**

<h2 align="center"> Acknowledgements </h2>

A huge thanks to the following people for their contributions to this project, without whom this book would not be as it is today:

<a href="https://github.com/krahets/hello-algo/graphs/contributors">
  <img src="https://contrib.rocks/image?repo=krahets/hello-algo" />
</a>

---