✦ Hello world, welcome to my digital sketchbook

HI, I'M
SAYAK.

I design, build and experiment with digital things.

///

Computer Science Engineer / Developer / Creative Technologist.

“I build things for the web, experiment with technology, and occasionally turn ideas into something unnecessarily beautiful.”

Available for creative engineeringSayak B. ✍️
🐱 Desk Cat: Sleeping (click!)✨ Creative Sparks (0)★ 60FPS WebGL Shaders
↳ (tap stickers for tactile sound reactions & confetti)
Send an Idea ✍️
lachen trip ✦✦ 60fps shaders ✨coffee & creative codeIDEAS 💡spark 01active build
💻 sayak@studio // term
sayak@studio:~$ init --portfolio
✓ loaded: 60fps canvas, Web Audio synth, & coffee
✦ type "help" or "neofetch" for interactive commands
$>
♥✦
Fresh Brewed Roast (3 steam puffs) - Click to steamCartoon Studio Lamp (Light OFF) - Click to toggle Desk Lamp modeStudio Calico Cat (Mood: sleep) - Click to pet & wake up!zZ✦
“currently building...” 💡
“probably overthinking this” 📐
“works on my machine :)” 🚀
coffee → code → repeat ☕
SEC. 02 // DOSSIERpage 01 — personal notes & origins
✦AUTHENTIC✦
NSEW
SB
///
Studio Self-Portrait ✍️
fig. 01 — developer in natural habitat
IDENTIFIERS & INTERESTS
100% verified
  • 🎓 Degree:Computer Science Eng.
  • ⚡ Craft:Web & Creative Tech
  • 📍 Studio:Kolkata, India
  • 📷 Visuals:35mm Film & Street
  • 🎧 Sound:Ambient & Post-Rock
✦ The Design Engineer's Codex
✦DOSSIER '26✦

A creative developer who treats code like physical paper & ink.

I graduated with a degree in Computer Science & Engineering, where I spent years learning systems, algorithms, and data structures. But my true obsession began when I realized the web is the world's most dynamic creative canvas.

I don't just write code to pass tests; I craft digital artifacts that have weight, texture, and delight. Whether it's a high-performance web application, a canvas-based simulation, or an experimental audio tool, I bring deep technical rigor wrapped in human personality.

Interactive Annotations (Click to uncover)
* click lines below *
01.standard software engineer
TAP ✦
02.writing basic CRUD apps
TAP ✦
03.taking regular snapshots
TAP ✦
///

“I like making things that didn't need to exist — but now that they do, I'm glad.”

— personal studio motto // studio folio
✦APPROVED✦
AUTHENTIC INK SIGNATURE:Verified Creative Technologist Dossier
SEC. 03 // PINNED EXHIBITflagship case study pinned to studio wall
✦FLAGSHIP 01✦
PROJECT 01ARCHIVAL_ID #VL-01

Velluma — Spatial Canvas & Infinite Node Notebook

★ Lead Architect & Developer
velluma.canvas // 60 FPS WebGL
zoom: 100% | nodes: 48
Spatial Node Graph
Infinite 2D zoom & pan engine
WebGL Ink Shaders
Organic procedural stroke physics
Realtime Sync
Sub-10ms CRDT state synchronization
✦ Click nodes to inspect architecture
///

“This one took way longer than expected — totally worth every late night.” ☕

— Sayak's dev log ✍️

A high-performance digital thinking environment combining the freedom of an infinite sketchbook with structured markdown nodes, custom mathematical graph layouts, and tactile ink shaders.

Built to solve the disconnect between rigid hierarchical folder structures and messy creative brainstorming.

SYSTEM SPECIFICATIONS
Core Tech:Next.js, WebGL, TS
Rendering:Custom 60fps Canvas
State:CRDT Real-time
Year:Active // Production
TypeScriptNext.js 15WebGL CanvasTailwind CSSWeb Audio APIFramer Motion
✦ “Click to test the full spatial canvas app live!”
SEC. 04 // PHYSICAL ARCHIVEselected digital experiments & systems

Work Placed Across My Desk 📂

///
PROJECT 02
✦BLUEPRINT // 120 FPS✦
YEAR // 2025

Chronos Physics Engine

Deterministic 2D Rigid Body & Fluid Simulator

A zero-dependency mathematical physics engine with Verlet integration, particle fluid dynamics, and constraint solvers running at 120 FPS in WebAssembly & TypeScript.

TypeScriptWebAssemblyCanvas APIMath / Physics
✎ custom collision math from scratch!
PROJECT 03
✦AUDIO DSP // ANALOG✦
YEAR // 2025

Kuro Synthesizer

Spatial Generative Audio Sandbox

An experimental browser-based audio synthesizer that converts ambient mouse motion and geometric shapes into warm analog-modeled polyphonic soundscapes.

Web Audio APIReactDSP FiltersFramer Motion
✎ synthesizes all audio in real-time 🎧
///
PROJECT 04
✦PARAMETRIC GLYPHS✦
YEAR // 2024

MonoGlyph Lab

Parametric Variable Font Generator

AΩgk

A generative typography playground exploring bezier curves, variable font interpolation, and algorithmic glyph deconstruction for creative coding enthusiasts.

Next.jsSVG EngineOpenType.jsTailwind
✎ type a character & watch bezier points dance
PROJECT 05
✦TOPOGRAPHY // 3636m✦
YEAR // 2025

Wayfinder Cartography

Topographic Terrain & Trail Expedition Studio

3,636m

An interactive geospatial cartography lab for mountain trekking expeditions, featuring procedural contour generation, cross-section elevation profiles, and vintage map exports.

Geospatial MathSVG CanvasTopographyCartography
✎ custom topographic elevation math 🏔️
✦ “Every project is crafted from scratch with clean, purposeful code.”
Sayak's digital workshop 🛠️
SEC. 05 // COMPUTATIONAL PLAYGROUND
✦LIVE LABS✦

Interactive Experiments & Micro-Toys 🧪

Handcrafted computational prototypes, physics sandboxes, and generative mathematical play built from pure scratch.

LAB 01 // PHYLLOTAXIS137.5°

Fibonacci Blossom Matrix

Generative sunflower seed spirals using golden ratio angle divergence $\theta = 137.5^\circ$.

LAB 02 // N-BODY GRAVITY45 BODIES
HOVER / TOUCH TO PULL

Gravitational Vortex Sandbox

Orbital stardust particle physics simulated in real-time with kinetic dampening.

✦ Move cursor to attract gravitational well
LAB 03 // LISSAJOUS3:2

Kinetic Harmonograph

Dual-pendulum resonance curve equations tracing decaying geometric harmonics.

LAB 04 // 8-STEP CHIPSSTOPPED

Euclidean Beat Matrix

Click matrix cells to toggle percussion & melody nodes.

✦ Zero heavy dependencies • Built with pure Canvas2D & Web Audio APIEXPERIMENTS ARCHIVE // STUDIO LAB 🧪
SEC. 06 // 35MM ANALOG
✦CELLULOID PRINTS✦

Film Photography & Frames.

///
Neon & Rain ReflectionsSony RX100 M3
Neon & Rain Reflections14.10.2023
Helan

“Tungsten and red ambient halation bleeding across wet asphalt right after evening rain.”

///
Morning Fog in Sal CanopyNikon D5500
Morning Fog in Sal Canopy09.02.2024
Khamargori

“Soft diffused natural sunlight piercing vertically through the tall tree canopy.”

///
Overhead Wire Geometry over Country RoadNikon D5500
Overhead Wire Geometry over Country Road18.07.2024
Gouran

“Tangled overhead cables silhouetted against dramatic monsoon cloud cover.”

///
Himalayan Ridge Line at Crimson SunriseiPhone 16 Pro
Himalayan Ridge Line at Crimson Sunrise28.11.2025
Sandakphu

“First crimson light kissing the snow peaks of the Sleeping Buddha range above a sea of clouds.”

✦ “Photography is just painting with shutter speeds.” 📸
Loading Studio Cassette Boombox...
SEC. 07 // TECHNICAL BLUEPRINT
✦HAND-DRAWN ARCHITECTURE✦

How My Mind Builds Things 📐

An authentic hand-drawn mind map tracing the continuous feedback loop between ideas, design, code, and creative computing.

///
///
IDEAS & ESSENCE
Mental Models • Domain Boundaries
DESIGN & TACTILE UI
Figma • Hand-Drawn SVGs
ENGINEERING & NEXT.JS
Next.js 15 • React 19
CREATIVE COMPUTING & DSP
HTML5 Canvas 2D • Web Audio API
AGENTIC AI & MCP TOOLS
Model Context Protocol • Google Gemini AI
SUPABASE & CLOUD DATA
Supabase • PostgreSQL
⚡ Continuous Synthesis Loop
///
NODE INSPECTOR #IDEAS
FIRST PRINCIPLES

IDEAS & ESSENCE

Turning ambiguous thoughts and napkin sketches into modular mathematical models and tactile interactive prototypes.

TOOLING & ECOSYSTEM:
✦ Mental Models✦ Domain Boundaries✦ First Principles✦ Rapid POCs✦ Paper Prototyping
ARCHITECTURAL MODELTS / CSS / SQL
// Pure Functional State Transition Model
type StateReducer<S, A> = (state: Readonly<S>, action: A) => Readonly<S>;
const transition = (prev: State, action: Action): State =>
  Object.freeze({ ...prev, ...action.payload, timestamp: Date.now() });
“Every great software begins with a rough doodle in an analog notebook before writing code.” ✍️
CRAFTED WITH PRECISION // STUDIO SPECFOLIO BLUEPRINT 📐
✦ “Intuitive hand-drawn design married to solid computer science fundamentals.”
SEC. 08 // RAILROAD TIMELINE
✦5 WAYPOINTS ✦✦

The Railroad Journey & Waypoints 🚂

An interactive switchback railway tracing evolution across creative genesis, computer science foundations, engineering scale, and creative computing.

///
///
●SWITCHBACK EXPEDITION|STN 04: STUDIO LAB PLATFORM (3,450m)
STATION 04 // STN-04STUDIO LABCREATIVE COMPUTING
2024 — PRESENT
✦ LAB-TESTED // 04✓
📐

Creative Technology & AI Systems Architect

Merged engineering with physical design philosophy — WebGL canvases, Web Audio synthesizers, and Model Context Protocol (MCP) integrations.

• Canvas 2D & Web Audio• MCP & Gemini SDK• Geospatial Cartography
✎ “refusing to build boring grey SaaS boxes”
SB
Sayak Bhattacharyya // Railroad Ledger
All 5 Stations Verified & Validated Across Expedition Map
SEC. 09 // FINAL COVER SPREADlast page of sketchbook
STATIONERY // AIRMAIL ✉️
///
✦ Ready to collaborate?

LET'S MAKE
SOMETHING.

Whether you have a breakthrough concept, need an extraordinary creative frontend, or want to discuss interactive aesthetics — my inbox is always open.

///

“Seriously. Send me an idea.”

Even if it seems unnecessarily complicated, quirky or experimental. ✍️

DIRECT TRANSMISSION ADDRESS:
sayak.bhattacharyya.dev@gmail.com
DISPATCH MESSAGE // DISK 01ink & paper dispatch ✉️
✦ P.S. Always happy to chat about creative code, synthesizers, or tea 🍵
Sayak Bhattacharyya ✍️