algorithms canvas

This library visualizes well-known algorithms from computer science.

👀 Demo

Take a look: https://dnagel.de/projects/algorithms

🔧 Getting started

> ⚠️ node and npm need to be installed, tested with node v21.7.3, v24.3.0 and v24.4.0.

Install package with npm:

``
npm install @dnagel/algorithms-canvas
`

Use as you like:

$3

For modern projects (e.g., with TypeScript, Vite, Astro, Next.js), you can import the ESM build as usual:

`ts
import { run } from '@dnagel/algorithms-canvas';

run({
containerId: 'canvas',
selectedAlgorithm: 'quicksort'
});
`

$3

If you want to use the script directly in an HTML page (e.g., without a build tool), you can use the CommonJS/UMD build:

`html













``