{"id":50330533,"url":"https://github.com/yvng-jie/ds-visualized","last_synced_at":"2026-05-29T09:03:51.274Z","repository":{"id":245720296,"uuid":"249361686","full_name":"yvng-jie/ds-visualized","owner":"yvng-jie","description":"📚 Interactive data structures tutorial with visual animations and live code playground.","archived":false,"fork":false,"pushed_at":"2026-05-28T10:33:56.000Z","size":486,"stargazers_count":1,"open_issues_count":1,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2026-05-28T11:04:26.313Z","etag":null,"topics":["data-structures","dsa","javascript","tutorial","visualization"],"latest_commit_sha":null,"homepage":"https://yvng-jie.github.io/ds-visualized/","language":"Vue","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/yvng-jie.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":"CONTRIBUTING.md","funding":null,"license":"LICENSE","code_of_conduct":"CODE_OF_CONDUCT.md","threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null}},"created_at":"2020-03-23T07:21:33.000Z","updated_at":"2026-05-28T10:34:00.000Z","dependencies_parsed_at":"2024-06-23T17:39:54.160Z","dependency_job_id":"8d296fc0-1913-4f8e-b0c5-a88ca3a9b84e","html_url":"https://github.com/yvng-jie/ds-visualized","commit_stats":null,"previous_names":["yangfree/data_structure_javascript","yvng-jie/ds-visualized"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/yvng-jie/ds-visualized","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/yvng-jie%2Fds-visualized","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/yvng-jie%2Fds-visualized/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/yvng-jie%2Fds-visualized/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/yvng-jie%2Fds-visualized/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/yvng-jie","download_url":"https://codeload.github.com/yvng-jie/ds-visualized/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/yvng-jie%2Fds-visualized/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":33644313,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-26T15:22:16.424Z","status":"online","status_checked_at":"2026-05-29T02:00:06.066Z","response_time":107,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["data-structures","dsa","javascript","tutorial","visualization"],"created_at":"2026-05-29T09:03:50.168Z","updated_at":"2026-05-29T09:03:51.269Z","avatar_url":"https://github.com/yvng-jie.png","language":"Vue","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003cdiv align=\"center\"\u003e\n  \u003cimg src=\"docs/public/logo.svg\" width=\"120\" alt=\"Logo\"/\u003e\n  \u003ch1\u003eJS Data Structures Visualized\u003c/h1\u003e\n  \u003cp\u003e\u003cstrong\u003eInteractive Tutorial · Animated Visualizations · Live Code Playground\u003c/strong\u003e\u003c/p\u003e\n  \u003cp\u003e🎨 Visual animations \u0026bull; 🎮 Interactive playground \u0026bull; 📖 Zero to interview ready\u003c/p\u003e\n\n  \u003cp\u003e\n    \u003ca href=\"https://github.com/yvng-jie/ds-visualized/stargazers\"\u003e\n      \u003cimg src=\"https://img.shields.io/github/stars/yvng-jie/ds-visualized?style=flat-square\u0026logo=github\" alt=\"Stars\"/\u003e\n    \u003c/a\u003e\n    \u003ca href=\"LICENSE\"\u003e\n      \u003cimg src=\"https://img.shields.io/github/license/yvng-jie/ds-visualized?style=flat-square\" alt=\"License\"/\u003e\n    \u003c/a\u003e\n    \u003ca href=\"https://github.com/yvng-jie/ds-visualized/actions/workflows/deploy.yml\"\u003e\n      \u003cimg src=\"https://img.shields.io/github/actions/workflow/status/yvng-jie/ds-visualized/deploy.yml?style=flat-square\u0026label=deploy\" alt=\"Deploy\"/\u003e\n    \u003c/a\u003e\n    \u003ca href=\"https://github.com/yvng-jie/ds-visualized/issues\"\u003e\n      \u003cimg src=\"https://img.shields.io/github/issues/yvng-jie/ds-visualized?style=flat-square\" alt=\"Issues\"/\u003e\n    \u003c/a\u003e\n    \u003ca href=\"#\"\u003e\n      \u003cimg src=\"https://img.shields.io/badge/PRs-welcome-brightgreen?style=flat-square\" alt=\"PRs Welcome\"/\u003e\n    \u003c/a\u003e\n  \u003c/p\u003e\n\n  \u003cp\u003e\n    \u003ca href=\"https://yvng-jie.github.io/ds-visualized/\"\u003e🌐 Live Demo\u003c/a\u003e\n    \u0026nbsp;|\u0026nbsp;\n    \u003ca href=\"#-data-structures\"\u003e📚 Contents\u003c/a\u003e\n    \u0026nbsp;|\u0026nbsp;\n    \u003ca href=\"#-local-development\"\u003e🛠️ Local Dev\u003c/a\u003e\n  \u003c/p\u003e\n\u003c/div\u003e\n\n---\n\n## 📸 演示\n\n\u003cp align=\"center\"\u003e\n  \u003cimg src=\"docs/public/screenshots/2026-05-28_18-16-26_266.png\" width=\"95%\" alt=\"Queue Visualization\"/\u003e\n  \u003cbr/\u003e\n  \u003cem\u003eWebsite Home\u003c/em\u003e\n\u003c/p\u003e\n\u003cp align=\"center\"\u003e\n  \u003cimg src=\"docs/public/screenshots/2026-05-28_18-28-46.gif\" width=\"95%\" alt=\"Queue Visualization\"/\u003e\n  \u003cbr/\u003e\n  \u003cem\u003eGraph git\u003c/em\u003e\n\u003c/p\u003e\n---\n\n## 📖 About\n\nAn interactive tutorial website for learning data structures in JavaScript. Every chapter includes:\n\n| Module               | Description                                                   |\n| -------------------- | ------------------------------------------------------------- |\n| 📖 **Concept**       | Real-life analogies, use cases — build intuition in 5 minutes |\n| 💻 **Code**          | Complete implementation with teaching-style comments          |\n| ⏱ **Complexity**     | Big O time \u0026 space for every operation                        |\n| 🎨 **Visualization** | Interactive animations with speed control                     |\n| 🧪 **Interview Qs**  | LeetCode-style problems with runnable solutions               |\n\n🌐 **English** / 🇨🇳 **简体中文** — Switch languages from the nav bar.\n\n---\n\n## 📚 Data Structures\n\n| #   | Structure                                           | Difficulty | One-liner                    |\n| --- | --------------------------------------------------- | ---------- | ---------------------------- |\n| 1   | [📦 Stack](docs/stack.md)                           | ⭐         | Last in, first out           |\n| 2   | [📋 Queue](docs/queue.md)                           | ⭐         | First in, first out          |\n| 3   | [🔢 Priority Queue](docs/priority-queue.md)         | ⭐⭐       | VIPs go first                |\n| 4   | [🔄 Deque](docs/deque.md)                           | ⭐⭐       | Insert/remove from both ends |\n| 5   | [📖 Dictionary](docs/dictionary.md)                 | ⭐         | Key-value storage            |\n| 6   | [🧩 Set](docs/set.md)                               | ⭐⭐       | Unique elements + set ops    |\n| 7   | [🔗 Linked List](docs/linked-list.md)               | ⭐⭐       | Nodes + pointers             |\n| 8   | [🔗 Doubly Linked List](docs/doubly-linked-list.md) | ⭐⭐⭐     | Forward and backward         |\n| 9   | [🔑 Hash Table](docs/hash-table.md)                 | ⭐⭐⭐     | O(1) lookups                 |\n| 10  | [🌳 BST](docs/binary-search-tree.md)                | ⭐⭐⭐     | Sorted tree, binary search   |\n| 11  | [⛰️ Heap](docs/heap.md)                             | ⭐⭐⭐     | Priority queue done right    |\n| 12  | [🌲 Trie](docs/trie.md)                             | ⭐⭐⭐     | Fast string prefix search    |\n| 13  | [🕸️ Graph](docs/graph.md)                           | ⭐⭐⭐⭐   | BFS/DFS traversals           |\n\n---\n\n## 🛠️ Local Development\n\n```bash\ngit clone https://github.com/yvng-jie/ds-visualized.git\ncd ds-visualized\nnpm install\nnpm run docs:dev     # Start dev server\nnpm run docs:build   # Build static files\nnpm run docs:preview # Preview built site\n```\n\n---\n\n## 🤝 Contributing\n\nContributions welcome! Here's how:\n\n- **Submit an Issue** — Bug reports, feature suggestions\n- **Submit a PR** — Fix errors, improve translations, add visualizers\n- **Translate** — Help expand the English or Chinese tutorials\n- **Share** — Star the repo, share with friends!\n\n---\n\n## 📄 License\n\n[MIT](LICENSE) © 2026 Jie Yang\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fyvng-jie%2Fds-visualized","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fyvng-jie%2Fds-visualized","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fyvng-jie%2Fds-visualized/lists"}