https://github.com/yvng-jie/ds-visualized
๐ Interactive data structures tutorial with visual animations and live code playground.
https://github.com/yvng-jie/ds-visualized
data-structures dsa javascript tutorial visualization
Last synced: about 1 month ago
JSON representation
๐ Interactive data structures tutorial with visual animations and live code playground.
- Host: GitHub
- URL: https://github.com/yvng-jie/ds-visualized
- Owner: yvng-jie
- License: mit
- Created: 2020-03-23T07:21:33.000Z (over 6 years ago)
- Default Branch: main
- Last Pushed: 2026-05-28T10:33:56.000Z (about 1 month ago)
- Last Synced: 2026-05-28T11:04:26.313Z (about 1 month ago)
- Topics: data-structures, dsa, javascript, tutorial, visualization
- Language: Vue
- Homepage: https://yvng-jie.github.io/ds-visualized/
- Size: 475 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- Contributing: CONTRIBUTING.md
- License: LICENSE
- Code of conduct: CODE_OF_CONDUCT.md
Awesome Lists containing this project
README
JS Data Structures Visualized
Interactive Tutorial ยท Animated Visualizations ยท Live Code Playground
๐จ Visual animations โข ๐ฎ Interactive playground โข ๐ Zero to interview ready
๐ Live Demo
ย |ย
๐ Contents
ย |ย
๐ ๏ธ Local Dev
---
## ๐ธ ๆผ็คบ
Website Home
Graph git
---
## ๐ About
An interactive tutorial website for learning data structures in JavaScript. Every chapter includes:
| Module | Description |
| -------------------- | ------------------------------------------------------------- |
| ๐ **Concept** | Real-life analogies, use cases โ build intuition in 5 minutes |
| ๐ป **Code** | Complete implementation with teaching-style comments |
| โฑ **Complexity** | Big O time & space for every operation |
| ๐จ **Visualization** | Interactive animations with speed control |
| ๐งช **Interview Qs** | LeetCode-style problems with runnable solutions |
๐ **English** / ๐จ๐ณ **็ฎไฝไธญๆ** โ Switch languages from the nav bar.
---
## ๐ Data Structures
| # | Structure | Difficulty | One-liner |
| --- | --------------------------------------------------- | ---------- | ---------------------------- |
| 1 | [๐ฆ Stack](docs/stack.md) | โญ | Last in, first out |
| 2 | [๐ Queue](docs/queue.md) | โญ | First in, first out |
| 3 | [๐ข Priority Queue](docs/priority-queue.md) | โญโญ | VIPs go first |
| 4 | [๐ Deque](docs/deque.md) | โญโญ | Insert/remove from both ends |
| 5 | [๐ Dictionary](docs/dictionary.md) | โญ | Key-value storage |
| 6 | [๐งฉ Set](docs/set.md) | โญโญ | Unique elements + set ops |
| 7 | [๐ Linked List](docs/linked-list.md) | โญโญ | Nodes + pointers |
| 8 | [๐ Doubly Linked List](docs/doubly-linked-list.md) | โญโญโญ | Forward and backward |
| 9 | [๐ Hash Table](docs/hash-table.md) | โญโญโญ | O(1) lookups |
| 10 | [๐ณ BST](docs/binary-search-tree.md) | โญโญโญ | Sorted tree, binary search |
| 11 | [โฐ๏ธ Heap](docs/heap.md) | โญโญโญ | Priority queue done right |
| 12 | [๐ฒ Trie](docs/trie.md) | โญโญโญ | Fast string prefix search |
| 13 | [๐ธ๏ธ Graph](docs/graph.md) | โญโญโญโญ | BFS/DFS traversals |
---
## ๐ ๏ธ Local Development
```bash
git clone https://github.com/yvng-jie/ds-visualized.git
cd ds-visualized
npm install
npm run docs:dev # Start dev server
npm run docs:build # Build static files
npm run docs:preview # Preview built site
```
---
## ๐ค Contributing
Contributions welcome! Here's how:
- **Submit an Issue** โ Bug reports, feature suggestions
- **Submit a PR** โ Fix errors, improve translations, add visualizers
- **Translate** โ Help expand the English or Chinese tutorials
- **Share** โ Star the repo, share with friends!
---
## ๐ License
[MIT](LICENSE) ยฉ 2026 Jie Yang