CodeScape 🌀
A live-code canvas for experimenting with interactive visualizations and logic puzzles. Edit code in real-time to see dynamic results with instant feedback.
🧠 Smart Editor
Syntax highlighting, error detection, and auto-suggestions make code creation intuitive, even for beginners.
🚀 Live Feedback
Code updates instantly reflect in animated visualizations for immediate understanding of logic flow.
📦 Modular Concepts
Learn programming fundamentals through interactive examples that break down complex patterns.
Ready Examples
🌀 Fibonacci Spiral
function drawSpiral(ctx) {
let x = 200, y = 200;
for (let i = 1; i < 15; i++) {
ctx.beginPath();
ctx.arc(x, y, i*10, 0, Math.PI*2);
ctx.stroke();
x = x + Math.sin(i * 0.5);
y = y + Math.cos(i * 0.5);
}
}
📦 Sorting Algorithms
function bubbleSort(arr) {
for (let i = 0; i < arr.length; i++) {
for (let j = 0; j < arr.length-i-1; j++) {
if (arr[j] > arr[j+1]) [arr[j], arr[j+1]] = [arr[j+1], arr[j]];
}
}
return arr;
}