MCPcopy
hub / github.com/algorithm-visualizer/algorithm-visualizer

github.com/algorithm-visualizer/algorithm-visualizer @main sqlite

repository ↗ · DeepWiki ↗
267 symbols 559 edges 53 files 0 documented · 0%
README

Algorithm Visualizer

Introduction

Welcome to Algorithm Visualizer, an interactive online platform designed to bring algorithms to life through visualization. Whether you're a student, teacher, or professional, our platform provides an engaging way to explore and understand various algorithms.

GitHub contributors GitHub license

Languages and Frameworks Used

Languages

Key Features

  • ### Visualize algorithms from code: Algorithm Visualizer allows you to witness algorithms in action by visualizing code written in various programming languages. This visual approach facilitates a better understanding of algorithmic behavior..
  • ### Learn about Algorithms: Explore our collection of tutorials, articles, and videos that serve as valuable resources for learning about algorithms.

algorithms

In this repository, you'll find visualizations of algorithms showcased in the website's side menu. Contributions here directly impact the educational content available on the platform. https://github.com/algorithm-visualizer/algorithms

tracers

Explore the various visualization libraries in different programming languages. These libraries extract visualization commands from code. https://github.com/search?q=topic%3Avisualization-library+org%3Aalgorithm-visualizer&type=Repositories

Live Demo

Learning an algorithm gets much easier with visualizing it. Don't get what we mean? Check it out:

algorithm-visualizer.orgScreenshot

Contributing

Our project consists of multiple repositories, each playing a crucial role in the Algorithm Visualizer ecosystem. If you're interested in contributing, check out the guidelines for the specific repository:

  • algorithm-visualizer is a web app written in React. It contains UI components and interprets commands into visualizations. Check out the contributing guidelines.

  • server serves the web app and provides APIs that it needs on the fly. (e.g., GitHub sign in, compiling/running code, etc.)

  • algorithms contains visualizations of algorithms shown on the side menu of the website.

  • tracers.* are visualization libraries written in each supported language. They extract visualizing commands from code.

Ready to contribute? Explore the repositories and become part of the Algorithm Visualizer community!

Core symbols most depended-on inside this repo

findNode
called by 10
src/core/tracers/GraphTracer.js
GET
called by 6
src/apis/index.js
extension
called by 6
src/common/util.js
reset
called by 5
src/components/VisualizationViewer/index.js
findEdge
called by 5
src/core/tracers/GraphTracer.js
layout
called by 5
src/core/tracers/GraphTracer.js
set
called by 5
src/core/tracers/Tracer.jsx
request
called by 5
src/apis/index.js

Shape

Method 143
Class 66
Function 58

Languages

TypeScript99%
Java1%

Modules by API surface

src/core/tracers/GraphTracer.js32 symbols
src/components/App/index.js19 symbols
src/core/tracers/Array2DTracer.js15 symbols
src/core/renderers/Renderer/index.js14 symbols
src/components/Player/index.js13 symbols
src/core/tracers/Array1DTracer.js11 symbols
src/components/VisualizationViewer/index.js10 symbols
src/components/Navigator/index.js9 symbols
src/common/util.js9 symbols
src/core/tracers/Tracer.jsx8 symbols
src/core/renderers/MarkdownRenderer/index.js8 symbols
src/core/layouts/Layout.js8 symbols

Dependencies from manifests, versioned

@fortawesome/fontawesome1.1.8 · 1×
@fortawesome/fontawesome-free-brands5.0.13 · 1×
@fortawesome/fontawesome-free-solid5.0.13 · 1×
@fortawesome/fontawesome-svg-core1.2.19 · 1×
axios0.19.0 · 1×
bluebirdlatest · 1×
bracelatest · 1×
chart.js2.8.0 · 1×
js-cookie2.2.0 · 1×
node-sass4.12.0 · 1×
query-string6.7.0 · 1×

For agents

$ claude mcp add algorithm-visualizer \
  -- python -m otcore.mcp_server <graph>

⬇ download graph artifact