Skip to content

feat: Interactive CNN Browser Demo for GitHub Pages#253

Merged
ruvnet merged 1 commit intomainfrom
feat/cnn-browser-demo
Mar 11, 2026
Merged

feat: Interactive CNN Browser Demo for GitHub Pages#253
ruvnet merged 1 commit intomainfrom
feat/cnn-browser-demo

Conversation

@ruvnet
Copy link
Copy Markdown
Owner

@ruvnet ruvnet commented Mar 11, 2026

Summary

Interactive browser demo showcasing @ruvector/cnn WASM capabilities — no backend needed.

Features

  • 🖼️ Drag & Drop Upload — Add multiple images
  • 📷 Camera Capture — Real-time webcam integration
  • 🧠 Feature Extraction — ~5ms per 224×224 image
  • 📊 Similarity Matrix — Visual comparison of embeddings
  • 📈 Embedding Visualization — 512-dim vector bar chart
  • 🎨 Modern Dark Theme — Clean, responsive UI

Demo Preview

The demo loads the WASM module directly from unpkg CDN:

  • Zero build step required
  • Falls back to simulated mode if WASM fails
  • Works offline after initial load

Deployment

After merge, enable GitHub Pages:

  1. Settings → Pages → Source: Deploy from branch
  2. Branch: main, folder: /docs
  3. URL: https://ruvnet.github.io/ruvector/demo/cnn/

Files Changed

  • docs/demo/cnn/index.html — Single-file demo (1000 lines)
  • docs/adr/ADR-089-cnn-browser-demo.md — Architecture decision

Test Plan

  • HTML validated
  • Loads WASM from CDN
  • Image upload works
  • Similarity calculation works

🤖 Generated with claude-flow

- Single-file HTML demo with modern dark theme UI
- Drag & drop image upload + camera capture
- Real-time embedding extraction and visualization
- Similarity matrix comparing multiple images
- Performance metrics display (~5ms per image)
- Falls back to demo mode if WASM fails to load
- ADR-089 documenting the approach

Deploy to: https://ruvnet.github.io/ruvector/demo/cnn/

Co-Authored-By: claude-flow <ruv@ruv.net>
@ruvnet ruvnet merged commit 42522e2 into main Mar 11, 2026
6 checks passed
@ruvnet ruvnet deleted the feat/cnn-browser-demo branch March 11, 2026 21:50
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant