സൗജന്യ അൽഗോരിതം വിഷ്വലൈസർ
സോർട്ടിംഗ്, പാത്ത്ഫൈൻഡിംഗ്, ക്ലാസിക് അൽഗോരിതങ്ങൾ ജീവസുറ്റതാകുന്നത് കാണുക — ബബിൾ/ക്വിക്ക്/മെർജ് സോർട്ട്, ഇന്ററാക്ടീവ് മേസ് ഗ്രിഡിൽ ഡൈക്സ്ട്ര/A*/BFS, കൂടാതെ ബൈനറി സെർച്ച്, സീവ്, N-ക്വീൻസ്, ഗെയിം ഓഫ് ലൈഫ്. സ്റ്റെപ്-ബൈ-സ്റ്റെപ് ആനിമേഷൻ, സമന്വയിപ്പിച്ച സ്യൂഡോകോഡ്, ലൈവ് മെട്രിക്സ്, സൈഡ്-ബൈ-സൈഡ് റേസ് മോഡ്. മൊബൈൽ-സൗഹൃദവും 100% നിങ്ങളുടെ ബ്രൗസറിലും.
ഇത് എങ്ങനെ പ്രവർത്തിക്കുന്നു
ഓരോ അൽഗോരിതവും ഒരു സമയം ഒരു വിഷ്വലൈസേഷൻ "ഘട്ടം" വീതം നൽകുന്ന ഒരു ജനറേറ്റർ ആയി എഴുതിയിരിക്കുന്നു — അറേയുടെ ഒരു സ്നാപ്ഷോട്ട് പ്ലസ് ഏതൊക്കെ എലമെന്റുകൾ താരതമ്യം ചെയ്തു, മാറ്റി, അല്ലെങ്കിൽ എഴുതി എന്നത്. ഒരൊറ്റ പ്ലേയർ മുഴുവൻ ഘട്ട ലിസ്റ്റും മുൻകൂട്ടി കണക്കാക്കുന്നു, അതിനാൽ play, pause, step-forward, step-back, സൈഡ്-ബൈ-സൈഡ് റേസ് മോഡ് എല്ലാം ആ ലിസ്റ്റിലേക്കുള്ള ഇൻഡക്സിംഗ് മാത്രമാണ്. ഒന്നും എവിടേക്കും അയക്കുന്നില്ല — മുഴുവനും നിങ്ങളുടെ ബ്രൗസറിൽ പ്രവർത്തിക്കുന്നു.
- 1ഒരു അൽഗോരിതവും ഒരു ഡാറ്റ സെറ്റും തിരഞ്ഞെടുക്കുകbubble, selection, insertion, merge, quick, heap, shell, cocktail, counting, radix sort (രസത്തിനായി bogosort ഉം) എന്നിവയിൽ നിന്ന് തിരഞ്ഞെടുക്കുക. ഒരു റാൻഡം, ഏകദേശം-സോർട്ട് ചെയ്ത, റിവേഴ്സ് ചെയ്ത, അല്ലെങ്കിൽ few-unique അറേ ജനറേറ്റ് ചെയ്യുക, അല്ലെങ്കിൽ നിങ്ങളുടെ സ്വന്തം കോമ-സെപ്പറേറ്റഡ് നമ്പറുകൾ ടൈപ്പ് ചെയ്യുക.
- 2അത് പ്രവർത്തിക്കുന്നത് കാണുക — ഒപ്പം വായിക്കുകഎന്താണ് സംഭവിക്കുന്നത് (താരതമ്യം, മാറ്റം, pivot, സോർട്ട് ചെയ്തത്) എന്നതനുസരിച്ച് ബാറുകൾ നിറമുള്ളതാണ്. Pseudocode പാനൽ എക്സിക്യൂട്ട് ചെയ്യുന്ന കൃത്യമായ വരി ഹൈലൈറ്റ് ചെയ്യുന്നു, തത്സമയ കൗണ്ടറുകൾ താരതമ്യങ്ങൾ, മാറ്റങ്ങൾ, എഴുത്തുകൾ, അറേ ആക്സസുകൾ എന്നിവ തത്സമയം ട്രാക്ക് ചെയ്യുന്നു.
- 3സമയം നിയന്ത്രിക്കുകവേഗത ക്രമീകരിക്കുക, ടൈംലൈൻ സ്ക്രബ് ചെയ്യുക, അല്ലെങ്കിൽ അൽഗോരിതം അതിന്റെ തീരുമാനങ്ങൾ എങ്ങനെ എടുക്കുന്നു എന്ന് കൃത്യമായി പഠിക്കാൻ ഒരൊറ്റ ഓപ്പറേഷൻ മുന്നോട്ടും പിന്നോട്ടും സ്റ്റെപ്പ് ചെയ്യുക. ഓരോ ഘട്ടവും സൂക്ഷിച്ച ഒരു സ്നാപ്ഷോട്ട് ആയതിനാൽ, വീണ്ടും-റൺ അല്ല, step-back കൃത്യമാണ്.
- 4അവയെ തലയോട് തല മത്സരിപ്പിക്കുകറേസ് മോഡ് ഒരേ ഇൻപുട്ടിൽ രണ്ടോ അതിലധികമോ അൽഗോരിതങ്ങൾ ഒരേസമയം, സൈഡ് ബൈ സൈഡ്, ഒരു മെട്രിക്സ് ടേബിളോടെ പ്രവർത്തിപ്പിക്കുന്നു, അതിനാൽ ഉദാഹരണത്തിന്, quicksort എന്തുകൊണ്ട് bubble sort-നെ മറികടക്കുന്നു എന്ന് നിങ്ങൾക്ക് കാണാം.
പൂർണ്ണമായും നിങ്ങളുടെ ബ്രൗസറിൽ പ്രവർത്തിക്കുന്നു — ഒരു ഡാറ്റയും നിങ്ങളുടെ ഡിവൈസ് വിട്ടുപോകുന്നില്ല. സെർവർ ഇല്ല, അപ്ലോഡ് ഇല്ല, അക്കൗണ്ട് ഇല്ല. ഇത് ഒരു അധ്യാപന ടൂൾ ആണ്: അൽഗോരിതങ്ങൾ വിഷ്വലൈസേഷന്റെ വ്യക്തതയ്ക്കായി തിരഞ്ഞെടുത്ത ടെക്സ്റ്റ്ബുക്ക് ഇംപ്ലിമെന്റേഷനുകളാണ്.
അനുബന്ധ ടൂളുകൾ
CSV ഡിഫ്
ഒരു കീ കോളം ഉപയോഗിച്ച് രണ്ട് CSV ഫയലുകൾ താരതമ്യം ചെയ്ത്, ഏതെല്ലാം വരികൾ ചേർക്കപ്പെട്ടു, നീക്കം ചെയ്യപ്പെട്ടു, മാറ്റം വരുത്തി എന്ന് കൃത്യമായി കാണുക — വ്യത്യാസമുള്ള ഫീൽഡുകൾ പഴയതിൽ നിന്ന് പുതിയതിലേക്ക് കാണിക്കുന്നു. ക്വോട്ട് ചെയ്ത ഫീൽഡുകൾ കൈകാര്യം ചെയ്യുന്നു; പൂർണ്ണമായും നിങ്ങളുടെ ബ്രൗസറിൽ പ്രവർത്തിക്കുന്നു.
ഓൺലൈൻ സ്റ്റോപ്പ്വാച്ച്
ലാപ്പ് റെക്കോർഡിംഗ്, ഏറ്റവും വേഗതയേറിയ/മന്ദഗതിയിലുള്ള ലാപ്പ് ഹൈലൈറ്റിംഗ്, കീബോർഡ് ഷോർട്ട്കട്ടുകൾ എന്നിവയുള്ള കൃത്യമായ സ്റ്റോപ്പ്വാച്ച്. മില്ലിസെക്കൻഡ് കൃത്യതയോടെ പൂജ്യത്തിൽ നിന്ന് എണ്ണുന്നു.
CSS Cubic-Bezier ഈസിംഗ് ജനറേറ്റർ
കൺട്രോൾ പോയിന്റുകൾ വലിച്ച് CSS ഈസിംഗ് കർവുകൾ ഡിസൈൻ ചെയ്യുക, ചലനം ലൈവ് ആയി പ്രിവ്യൂ ചെയ്യുക, cubic-bezier() മൂല്യം കോപ്പി ചെയ്യുക. ഓവർഷൂട്ട്/ബൗൺസ് പ്രീസെറ്റുകൾ ഉൾപ്പെടുന്നു.