{"repo":"salsadsid/visualizer","free":true,"listed":false,"github":"https://github.com/salsadsid/visualizer","clone":"git clone https://github.com/salsadsid/visualizer.git","description":"Interactive DSA visualizer - sorting algorithms with play/pause/scrub, synced pseudocode, and live variable tracking. Next.js + Tailwind, accessibility-first (prefers-reduced-motion).","language":"JavaScript","stars":19,"topics":["accessibility","algorithms","data-structures","education","nextjs","tailwindcss","visualization","javascript"],"license":null,"category":"saas-starters-boilerplates","readme_excerpt":"An interactive, beginner-friendly playground for seeing data structures and algorithms work — step by step, in the browser. Press play and watch the bars compare and swap, follow the highlighted pseudocode, read the live loop variables, and learn the why behind each technique. Built with Next.js 16 and Tailwind CSS 4 to make DSA easier to see, touch, and learn. --- Visualizers 🔀 Sorting Visualizer — /algorithms/sorting Step through Bubble , Selection , and Insertion sort: - Animated gradient bars that pop on each swap, with a 🎉 confetti finish - Play / pause / step / scrub controls and a 0.5×–4× speed dial (plus Space and ← / → shortcuts) - Synchronized pseudocode — the active line highlights as it runs - Live variables on the board — pointer markers ( i , j , min ) under the bars and value chips ( key , swapped ) - A plain-English narration line and live comparison / swap / write counters - Presets (random, reversed, nearly-sorted, few-unique, sorted), a size slider, shuffle, and custom input 🟦 2D Array Visualizer — /data-structures/arrays Paste any JSON matrix, color each value, and see how grids map to rows and columns: - JSON-driven input; ragged rows pad automatically; numbers, strings, booleans, and null all render - Per-value coloring (fill, border, text) and optional row/column indices Both tools ship with an inline learning panel (concept, use cases, complexity, and C++ / Python / JavaScript / TypeScript code), light + dark themes, a responsive layout, and full pr","default_branch":null,"files":null,"tree":[],"storefront":"/r/salsadsid","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/salsadsid/visualizer/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}