အခမဲ့ အယ်လဂိုရီသမ်မြင်တွေ့ရှုခြင်း
sorting, pathfinding နှင့် နာမည်ကျော် algorithm များ အသက်ဝင်လာသည်ကို ကြည့်ပါ — bubble/quick/merge sort၊ အပြန်အလှန်တုံ့ပြန်သော ဝင်္ကပါဇယားပေါ်ရှိ Dijkstra/A*/BFS၊ binary search၊ Sieve၊ N-Queens နှင့် Game of Life တို့ပါ။ အဆင့်ဆင့် animation၊ တစ်ပြိုင်တည်းလိုက်ပြသော pseudocode၊ တိုက်ရိုက် တိုင်းတာချက်များနှင့် ဘေးချင်းယှဉ် ပြိုင်ပွဲမုဒ်ပါ။ မိုဘိုင်းနှင့် ကိုက်ညီပြီး ၁၀၀% သင့်ဘရောက်ဇာထဲတွင်သာ။
မည်သို့ အလုပ်လုပ်သည်
Algorithm တိုင်းကို visualisation "step" တစ်ခုစီစီ ထုတ်ပေးသော generator တစ်ခုအဖြစ် ရေးထားသည် — array snapshot တစ်ခုနှင့် element မည်သည့်တို့ ကိုက်ညီစစ်ဆေး၊ ပြောင်းလဲ (သို့) ရေးသားသည် ဆိုသည်။ Player တစ်ခုသည် step list အပြည့်အစုံကို ကြိုတင် တွက်ချက်ထားသဖြင့် play, pause, step-forward, step-back and the side-by-side race mode အားလုံးသည် ထို list ကို index လုပ်ခြင်းသာ ဖြစ်သည်။ ဘာမှ ဘယ်နေရာသို့မှ မပို့ပါ — အားလုံးကို သင့် browser ထဲတွင် လုပ်ဆောင်ပါသည်။
- 1Algorithm နှင့် data set တစ်ခု ရွေးချယ်ပါBubble, selection, insertion, merge, quick, heap, shell, cocktail, counting and radix sort (ပျော်ဖို့အတွက် bogosort ပါ) အနက် ရွေးချယ်ပါ။ ကျပန်း, အနီးကပ်-sort ထားပြီးသား, ပြောင်းပြန်, သို့မဟုတ် ထူးခြားချက်နည်းသော array တစ်ခု ဖန်တီးပါ (သို့) သင့်ကိုယ်ပိုင် comma-ခွဲထားသော ဂဏန်းများကို ရိုက်ထည့်ပါ။
- 2Run လုပ်ပုံ ကြည့်ပြီး ဖတ်ပါBar များကို ဖြစ်ပျက်နေသည့်အရာ (comparing, swapping, pivot, sorted) ဖြင့် အရောင်ပေးထားသည်။ Pseudocode panel သည် execute လုပ်နေသော line အတိအကျကို highlight လုပ်ပြီး live counter များသည် comparison, swap, write and array access များကို အချိန်နှင့်တပြေးညီ track လုပ်သည်။
- 3အချိန်ကို ထိန်းချုပ်ပါSpeed ကို ချိန်ညှိပါ၊ timeline ကို scrub လုပ်ပါ (သို့) algorithm သည် ၎င်း၏ ဆုံးဖြတ်ချက်များကို အတိအကျ ဘယ်လို ချသည်ကို လေ့လာရန် operation တစ်ခုတည်းကို ရှေ့/နောက် step ချပါ။ Step-back သည် step တစ်ခုစီသည် ပြန်-run မဟုတ်ဘဲ သိမ်းထားသော snapshot တစ်ခုဖြစ်သောကြောင့် အတိအကျဖြစ်သည်။
- 4၎င်းတို့ကို ဦးချင်းချင်း ပြိုင်ပါRace mode သည် algorithm နှစ်ခု (သို့) ထို့ထက်ပိုသည်တို့ကို input တူတူပေါ်တွင် ဘေးချင်းယှဉ်၍ metrics table တစ်ခုနှင့်အတူ တစ်ပြိုင်နက် run လုပ်ပေးသည်၊ ဥပမာ quicksort သည် bubble sort ကို ဘာကြောင့် အနိုင်ရသည်ကို မြင်နိုင်ရန်။
သင့် browser ထဲတွင် လုံးဝ လုပ်ဆောင်ပါသည် — data မည်သည့်တစ်ခုမျှ သင့်စက်ကို မထွက်ပါ။ Server, upload, အကောင့် မရှိပါ။ ၎င်းသည် သင်ကြားရေး ကိရိယာတစ်ခုဖြစ်သည် — algorithm များသည် visualisation ရှင်းလင်းမှုအတွက် ရွေးချယ်ထားသော ကျမ်းစာအုပ် အကောင်အထည်ဖော်ချက်များဖြစ်သည်။
ဆက်နွှယ်သော ကိရိယာများ
CSV နှိုင်းယှဉ်စက်
key column ဖြင့် CSV ဖိုင် နှစ်ဖိုင် နှိုင်းယှဉ်ကာ မည်သည့် row ကို ထည့်ထားသည်၊ ဖယ်ထားသည် သို့မဟုတ် ပြောင်းလဲသည် — မည်သည့် field ကွာသည် ဟောင်းမှ အသစ်သို့ ပြ — ကို အတိအကျ ကြည့်ပါ။ quote ထားသော field ကိုင်တွယ်သည်; browser တွင်သာ လုံးဝ ဆောင်ရွက်သည်。
အွန်လိုင်းရပ်နာရီ
lap မှတ်တမ်း၊ အမြန်ဆုံး/နှေးဆုံး lap မီးမောင်းထိုးမှု နှင့် keyboard shortcut ဖြင့် တိကျသော stopwatch ။ millisecond တိကျမှုဖြင့် သုညမှ ရေတွက်သည်。
CSS Cubic-Bezier ချောမွေ့မှုထုတ်လုပ်စက်
control point ဆွဲ၍ CSS easing curve ဒီဇိုင်းဆွဲ၊ motion ကို live preview ကြည့်ကာ cubic-bezier() တန်ဖိုး copy ပါ။ overshoot/bounce preset ပါဝင်သည်。