SortVision

    SortVision is a web-based sorting algorithm visualizer ๐Ÿ–ฅ๏ธ that lets users explore and compare algorithms like Bubble, Quick, Merge, and more ๐Ÿ”„. Easily adjust speed โšก and array size ๐Ÿ“Š to watch the sorting process in real-time. Perfect for students and enthusiasts looking to understand sorting mechanics!

    Language: javascript

    Author: Oscar Bradley (@oscar_bradley)

    0 stars ยท 166 views

    Files

    • docker-compose.yml (yml)
    • next.config.mjs (mjs)
    • sitemap-test-results.json (json)
    • components.json (json)
    • package.json (json)
    • jsconfig.json (json)
    • vercel.json (json)
    • locale-parity.test.ts (ts)
    • lib (txt)
    • correlation-id.test.ts (ts)
    • routing (txt)
    • README.md (md)
    • qa (txt)
    • quality-assurance.ts (ts)
    • support (txt)
    • qa-parse.ts (ts)
    • src (txt)
    • utils (txt)
    • feedbackFormState.ts (ts)
    • index.ts (ts)
    • utils (txt)
    • locationService.ts (ts)
    • sortVisionVerboseLogging.ts (ts)
    • index.ts (ts)
    • types.ts (ts)
    • github (txt)
    • githubService.ts (ts)
    • githubIssueFormattersRatingLocation.ts (ts)
    • index.ts (ts)
    • feedbackIssueRepo.ts (ts)
    • index.ts (ts)
    • location (txt)
    • useAppNavigate.ts (ts)
    • test (txt)
    • setup.ts (ts)
    • algorithms (txt)
    • radixSort.ts (ts)
    • route.ts (ts)
    • favicon.svg (image)
    • githubFeedbackIssueGateway.ts (ts)
    • route.ts (ts)
    • [...path] (path)
    • route.ts (ts)
    • indexnow (txt)
    • useFeedbackModalSession.ts (ts)
    • useFeedbackModalChrome.ts (ts)
    • AlgorithmIcon.tsx (tsx)
    • algorithmUiConfig.ts (ts)
    • AlgorithmSelectorCard.tsx (tsx)
    • FeedbackModalFeedbackTypeSection.tsx (tsx)
    • FeedbackModalRatingSection.tsx (tsx)
    • index.ts (ts)
    • FeedbackModalDetailsSection.tsx (tsx)
    • index.ts (ts)
    • SEOContent.tsx (tsx)
    • seoContent (txt)
    • helmet (txt)
    • SeoVideoObjectSchemaScript.tsx (tsx)
    • SeoAlgorithmCatalogSchemaScript.tsx (tsx)
    • SeoAlgorithmSpecificFaqSchemaScript.tsx (tsx)
    • SeoStructuredDataScripts.tsx (tsx)
    • SeoFaqSchemaScript.tsx (tsx)
    • SeoOrganizationSchemaScript.tsx (tsx)
    • SeoWebSiteSchemaScript.tsx (tsx)
    • SeoHiddenContent.tsx (tsx)
    • hidden (txt)
    • SeoAlgorithmDetailsMap.ts (ts)
    • SeoGlobalIntroContent.tsx (tsx)
    • popupFlags.ts (ts)
    • formatStarCount.ts (ts)
    • hooks (txt)
    • useStarOnGithubPopupController.ts (ts)
    • starOnGithubPopupContracts.ts (ts)
    • sections (txt)
    • StarOnGithubPopupView.tsx (tsx)
    • sortingVisualizer (txt)
    • usePerformanceMetrics.ts (ts)
    • visualizerBarState.ts (ts)
    • SortingHeader.tsx (tsx)
    • hooks (txt)
    • useSortingRunner.ts (ts)
    • useSortingStateStress.test.tsx (tsx)
    • useSortingStateFull.test.tsx (tsx)
    • useVisualizerAudioEffects.ts (ts)
    • useVisualizerContextBridge.ts (ts)
    • useSortingNavigation.ts (ts)
    • useVisualizerRouteSync.test.tsx (tsx)
    • useSortingState.ts (ts)
    • useVisualizerMetricsState.ts (ts)
    • useSortingActions.ts (ts)
    • arrayVisualizationTheme.ts (ts)
    • index.ts (ts)
    • AlgorithmSelector (txt)
    • AlgorithmVisualization.tsx (tsx)
    • seoMetaTags.ts (ts)
    • messageLeafPaths.ts (ts)
    • index.css (css)
    • vitest.config.ts (ts)
    • .husky (husky)
    • _ (txt)
    • husky.sh (sh)
    • SECURITY.md (md)
    • README.md (md)
    • _typos.toml (toml)
    • SortVision (txt)
    • .prettierrc.json (json)
    • lighthouserc.json (json)
    • SECURITY.md (md)
    • eslint.config.mjs (mjs)
    • tsconfig.json (json)
    • tests (txt)
    • unit (txt)
    • i18n (txt)
    • Dockerfile (txt)
    • lighthouserc.desktop.json (json)
    • server (txt)
    • index.ts (ts)
    • scripts (txt)
    • test-sitemap-urls.js (js)
    • test-sitemap-urls.sh (sh)
    • generate-sitemap.js (js)
    • submit-indexnow.mjs (mjs)
    • ci (txt)
    • ci-doctor-pr-vs-base.mjs (mjs)
    • ci-qa-pr-vs-base.cjs (cjs)
    • lighthouse-ci-summary.cjs (cjs)
    • algorithms.ts (ts)
    • url-language.test.ts (ts)
    • support (txt)
    • qa-parse.test.ts (ts)
    • api (txt)
    • github-feedback-route.contract.test.ts (ts)
    • indexnow-route.contract.test.ts (ts)
    • chatbot-route.contract.test.ts (ts)
    • themeUtils.ts (ts)
    • zIndex.js (js)
    • audioEngine.ts (ts)
    • indexNow.js (js)
    • improvedEngagement.ts (ts)
    • seoModules (txt)
    • meta.ts (ts)
    • schema.ts (ts)
    • constants.ts (ts)
    • canonical.ts (ts)
    • geo.ts (ts)
    • constantsParts (txt)
    • keywords.ts (ts)
    • languages.ts (ts)
    • translations.ts (ts)
    • seo.ts (ts)
    • githubApi.ts (ts)
    • soundEffects.ts (ts)
    • github (txt)
    • cache.ts (ts)
    • popupConfig.ts (ts)
    • shuffleInPlace.ts (ts)
    • repository.ts (ts)
    • config.ts (ts)
    • index.ts (ts)
    • format.ts (ts)
    • popup (txt)
    • rules.ts (ts)
    • analytics.ts (ts)
    • config.ts (ts)
    • index.ts (ts)
    • lib (txt)
    • feedback (txt)
    • state (txt)
    • buildGitHubFeedbackIssue.ts (ts)
    • githubApiClient.ts (ts)
    • feedbackPayloadSchema.ts (ts)
    • githubFeedbackConfig.ts (ts)
    • formatters (txt)
    • formatterUtils.ts (ts)
    • githubIssueFormattersEnvironment.ts (ts)
    • githubIssueFormattersExtended.ts (ts)
    • utils.js (js)
    • navigation (txt)
    • App.css (css)
    • components (txt)
    • locationDetect.ts (ts)
    • locationEnhance.ts (ts)
    • locationDisplay.ts (ts)
    • locationTimezone.ts (ts)
    • locationBrowser.ts (ts)
    • payload (txt)
    • buildEnhancedFeedbackPayload.ts (ts)
    • index.ts (ts)
    • logging (txt)
    • correlationId.ts (ts)
    • createServerLogger.ts (ts)
    • feedback (txt)
    • selectionSort.ts (ts)
    • bucketSort.ts (ts)
    • quickSort.ts (ts)
    • types.ts (ts)
    • heapSort.ts (ts)
    • algorithmMessageKeys.ts (ts)
    • catalogs (txt)
    • de.ts (ts)
    • bubbleSort.ts (ts)
    • insertionSort.ts (ts)
    • sleep.ts (ts)
    • mergeSort.ts (ts)
    • index.ts (ts)
    • constants (txt)
    • version.ts (ts)
    • index.ts (ts)
    • hooks (txt)
    • en.ts (ts)
    • ja.ts (ts)
    • hi.ts (ts)
    • es.ts (ts)
    • bn.ts (ts)
    • useKeyboardShortcuts.ts (ts)
    • audio (txt)
    • useAudio.ts (ts)
    • useAudioCommands.ts (ts)
    • useAudioBootstrap.ts (ts)
    • index.ts (ts)
    • index.ts (ts)
    • app (txt)
    • [[...slug]] (slug)
    • client.tsx (tsx)
    • fr.ts (ts)
    • page.tsx (tsx)
    • staticParams.ts (ts)
    • metadata (txt)
    • constants.ts (ts)
    • helpers.ts (ts)
    • builders (txt)
    • home.ts (ts)
    • algorithm.ts (ts)
    • contributions.ts (ts)
    • sitemap.xml (xml)
    • route.ts (ts)
    • sitemap-index.xml (xml)
    • zh.ts (ts)
    • jp.ts (ts)
    • FeedbackForm.tsx (tsx)
    • layout.tsx (tsx)
    • shell (txt)
    • schemas.ts (ts)
    • metadata.ts (ts)
    • scripts.ts (ts)
    • index.ts (ts)
    • globals.css (css)
    • api (txt)
    • ai-info (txt)
    • route.ts (ts)
    • github (txt)
    • feedback (txt)
    • gateways (txt)
    • githubFeedbackIssueTypes.ts (ts)
    • index.ts (ts)
    • route.ts (ts)
    • chatbot (txt)
    • route.ts (ts)
    • context (txt)
    • language (txt)
    • LanguageContext.tsx (tsx)
    • index.ts (ts)
    • algorithm-state (txt)
    • AlgorithmStateContext.tsx (tsx)
    • index.ts (ts)
    • index.ts (ts)
    • App.tsx (tsx)
    • locales (txt)
    • types (txt)
    • hooks (txt)
    • useFeedbackModalLocation.ts (ts)
    • useFeedbackModalForm.ts (ts)
    • index.ts (ts)
    • ui (txt)
    • FeedbackSubmitStatus.tsx (tsx)
    • index.ts (ts)
    • FeedbackTypeSelectOptions.tsx (tsx)
    • FeedbackModal.tsx (tsx)
    • FeedbackModalSuccessOverlay.tsx (tsx)
    • index.ts (ts)
    • useSponsorUsPopup.ts (ts)
    • FeedbackButton.tsx (tsx)
    • modal (txt)
    • FeedbackModalErrorBanner.tsx (tsx)
    • FeedbackModalLocationSection.tsx (tsx)
    • FeedbackModalIdentityFields.tsx (tsx)
    • FeedbackModalSubmitFooter.tsx (tsx)
    • FeedbackModalCardHeader.tsx (tsx)
    • SeoSoftwareApplicationSchemaScript.tsx (tsx)
    • SeoEducationalResourceSchemaScript.tsx (tsx)
    • SeoPersonSchemaScript.tsx (tsx)
    • SeoBreadcrumbSchemaScript.tsx (tsx)
    • SeoMetaTags.tsx (tsx)
    • SeoAlgorithmHowToSchemaScript.tsx (tsx)
    • SeoWebPageTransparencySchemaScript.tsx (tsx)
    • settings (txt)
    • SeoAlgorithmHiddenContent.tsx (tsx)
    • SeoGlobalUseCasesContent.tsx (tsx)
    • SeoGlobalFaqContent.tsx (tsx)
    • SeoGlobalHiddenContent.tsx (tsx)
    • SeoHelmetContent.tsx (tsx)
    • shared (txt)
    • seoFaqData.ts (ts)
    • starOnGithubPopup (txt)
    • utils (txt)
    • index.ts (ts)
    • sponsor (txt)
    • useSortingController.ts (ts)
    • useSortingActions.test.tsx (tsx)
    • useSortingState.test.tsx (tsx)
    • useVisualizerRouteSync.ts (ts)
    • index.ts (ts)
    • useVisualizerRouteSyncFull.test.tsx (tsx)
    • sponsorContracts.ts (ts)
    • SortingVisualizer.tsx (tsx)
    • PerformanceMetrics.tsx (tsx)
    • algorithmRegistry.ts (ts)
    • visualizerMetricsTypes.ts (ts)
    • sortingIntegration.test.ts (ts)
    • SortingControls.tsx (tsx)
    • SortingVisualizerTabs.tsx (tsx)
    • AudioControls.tsx (tsx)
    • index.ts (ts)
    • components (txt)
    • ArrayVisualization (txt)
    • utils (txt)
    • formatSortAlgorithmTitle.ts (ts)
    • arrayBarPresentation.ts (ts)
    • ArrayVisualization.tsx (tsx)
    • arrayVisualizationContracts.ts (ts)
    • sections (txt)
    • ArrayVisualizationView.tsx (tsx)
    • AlgorithmBadge.tsx (tsx)
    • AlgorithmSelectOptionIcon.tsx (tsx)
    • AlgorithmVisualizationViews.tsx (tsx)
    • index.ts (ts)
    • ControlButtons (txt)
    • ControlButtons.tsx (tsx)
    • index.ts (ts)
    • seo (txt)
    • languageSeoConfig.ts (ts)
    • useLanguageDetection.ts (ts)
    • languageSeoPaths.ts (ts)
    • SEOEnhancement.tsx (tsx)
    • languageStructuredData.ts (ts)
    • LanguageDetection.tsx (tsx)
    • ui (txt)
    • card.tsx (tsx)
    • tabs.tsx (tsx)
    • OptimizedIcons.ts (ts)
    • loader-10.tsx (tsx)
    • VolumeControl.tsx (tsx)
    • input.tsx (tsx)
    • PerformanceDashboard.tsx (tsx)
    • useMainShellState.ts (ts)
    • badge.tsx (tsx)
    • PerformanceLoader.tsx (tsx)
    • button.tsx (tsx)
    • PerformanceMonitor.tsx (tsx)
    • select.tsx (tsx)
    • slider.tsx (tsx)
    • MobileViewportGate.tsx (tsx)
    • app (txt)
    • main-footer (txt)
    • MainFooterIntegrations.tsx (tsx)
    • MainFooterToolbar.tsx (tsx)
    • MainFooter.tsx (tsx)
    • mainShellProfile.ts (ts)
    • index.ts (ts)
    • hooks (txt)
    • useTypingSubtitle.ts (ts)
    • useMainShortcuts.ts (ts)
    • useMainTabNavigation.ts (ts)
    • useMainRouteState.ts (ts)
    • index.ts (ts)
    • main-header (txt)
    • MainHeader.tsx (tsx)
    • index.ts (ts)
    • contracts (txt)
    • mainShellContracts.ts (ts)
    • SettingsButton.tsx (tsx)
    • SettingsForm.tsx (tsx)
    • useSettingsPreferences.ts (ts)
    • SettingsModal.tsx (tsx)
    • sections (txt)
    • useSponsorFloatingGitHubStats.ts (ts)
    • VoiceSettingsSection.tsx (tsx)
    • AudioSettingsSection.tsx (tsx)
    • ThemeSettingsSection.tsx (tsx)
    • SettingsSectionHeader.tsx (tsx)
    • LanguageSettingsSection.tsx (tsx)
    • showSettingsDevChrome.ts (ts)
    • SponsorFloatingButton.tsx (tsx)
    • SponsorMetricTile.tsx (tsx)
    • formatSponsorRepoDate.ts (ts)
    • sponsorFloatingConstants.ts (ts)
    • index.ts (ts)
    • SponsorFloatingModal.tsx (tsx)
    • PWAInstaller.tsx (tsx)
    • StarOnGithubPopup.tsx (tsx)
    • ATTRIBUTION.md (markdown)

    Loading code snippetโ€ฆ