निःशुल्क एल्गोरिदम दृश्यकरण
क्रमबद्धता, पथ खोज, र क्लासिक एल्गोरिथ्मलाई जीवनमा आउटे हेर्नुहोस् — bubble/quick/merge sort, Dijkstra/A*/BFS अन्तरक्रियात्मक भूलभुलैयामा, साथै binary search, Sieve, N-Queens र Game of Life। चरण-दर-चरण एनिमेशन, सिङ्क्रोनाइज गरिएको pseudocode, लाइभ मेट्रिक्स, र साइड-बाय-साइड दौड मोड। मोबाइल-अनुकूल र आपनो ब्राउजरमा 100%।
यो कसरी काम गर्छ
हरेक एल्गोरिदम एउटा जेनेरेटरको रूपमा लेखिएको छ जसले एकपटकमा एउटा भिजुअलाइजेसन "चरण" यिल्ड गर्छ — एरेको एउटा स्न्यापसट साथै कुन एलिमेन्टहरू तुलना, स्वाप, वा लेखिएका थिए। एउटा एकल प्लेयरले पूरा चरण सूची पूर्व-गणना गर्छ, त्यसैले play, pause, step-forward, step-back र साथसाथैको race मोड सबै त्यो सूचीमा इन्डेक्सिङ मात्र हुन्। केही पनि कतै पठाइँदैन — पूरै कुरा तपाईंको ब्राउजरमा चल्छ।
- 1एउटा एल्गोरिदम र डेटा सेट छान्नुहोस्bubble, selection, insertion, merge, quick, heap, shell, cocktail, counting र radix सर्ट (साथै मजाकका लागि bogosort) मध्ये छान्नुहोस्। एउटा अनियमित, लगभग-क्रमबद्ध, उल्टाइएको वा थोरै-अद्वितीय एरे उत्पन्न गर्नुहोस्, वा आफ्नै अल्पविरामले छुट्याइएका नम्बरहरू टाइप गर्नुहोस्।
- 2यसलाई चल्दै हेर्नुहोस् — र सँगै पढ्नुहोस्बारहरू के भइरहेको छ (तुलना, स्वाप, pivot, क्रमबद्ध) अनुसार रङिन हुन्छन्। स्यूडोकोड प्यानलले ठ्याक्कै कार्यान्वयन भइरहेको लाइन हाइलाइट गर्छ, र प्रत्यक्ष काउन्टरहरूले तुलना, स्वाप, लेखाइ, र एरे पहुँच वास्तविक समयमा ट्र्याक गर्छन्।
- 3समय नियन्त्रण गर्नुहोस्गति समायोजन गर्नुहोस्, टाइमलाइन स्क्रब गर्नुहोस्, वा एल्गोरिदमले यसका निर्णयहरू ठ्याक्कै कसरी लिन्छ अध्ययन गर्न एउटा एकल अपरेसन अगाडि र पछाडि कदम चाल्नुहोस्। Step-back ठ्याक्कै हुन्छ किनभने हरेक चरण एउटा भण्डारण गरिएको स्न्यापसट हो, पुनः-रन होइन।
- 4तिनलाई आमनेसामने दौडाउनुहोस्Race मोडले दुई वा बढी एल्गोरिदमलाई उही इनपुटमा एकैचोटि, छेउछेउ चलाउँछ, एउटा मेट्रिक्स तालिकासहित त्यसैले तपाईं देख्न सक्नुहुन्छ, उदाहरणका लागि, किन quicksort ले bubble sort लाई हराउँछ।
पूर्ण रूपमा तपाईंको ब्राउजरमा चल्छ — कुनै डेटा तपाईंको उपकरणबाट बाहिर जाँदैन। कुनै सर्भर, कुनै अपलोड, र कुनै खाता छैन। यो एउटा शिक्षण उपकरण हो: एल्गोरिदमहरू भिजुअलाइजेसनको स्पष्टताका लागि छानिएका पाठ्यपुस्तक लागूकरणहरू हुन्।
सम्बन्धित उपकरणहरू
CSV डिफ
कुञ्जी स्तम्भ अनुसार दुईवटा CSV फाइलहरू तुलना गर्नुहोस् र ठ्याक्कै कुन पङ्क्तिहरू थपियो, हटायो, वा परिवर्तन भयो हेर्नुहोस् — पुरानोदेखि नयाँसम्म फरक फिल्डहरू देखाइएको। उद्धरण गरिएका फिल्ड ह्यान्डल गर्छ; पूर्णतः तपाईंको ब्राउजरमा चल्छ।
अनलाइन स्टपवाच
ल्याप रेकर्डिङ, सबैभन्दा छिटो/ढिलो ल्याप हाइलाइटिङ, र किबोर्ड सर्टकटसहित परिशुद्धता स्टपवाच। मिलिसेकेन्ड परिशुद्धताका साथ शून्यबाट गन्छ।
CSS Cubic-Bezier इजिङ जेनेरेटर
नियन्त्रण बिन्दुहरू ड्र्याग गरेर CSS easing curves डिजाइन गर्नुहोस्, लाइभ गति प्रिभ्यू गर्नुहोस्, र cubic-bezier() मान कपी गर्नुहोस्। overshoot/bounce प्रिसेटहरू समावेश छन्।