İnteraktif, adım adım Convolutional Neural Network görselleştirici — Türkçe/İngilizce dil desteği ile. Interactive, step-by-step Convolutional Neural Network visualizer — with Turkish/English language support.
👉 https://ogulcanzorba.github.io/HowDoesCNNWork/
| Modül | Açıklama / Description |
|---|---|
| 🔍 Konvolüsyon | Filtre kaydırma animasyonu, özellik haritası • Animated filter sliding, feature map |
| ⚡ ReLU | Sürüklenebilir bar grafik, negatif değer sıfırlama • Draggable bar chart, negative clamping |
| 🏊 Max Pooling | Adım adım / otomatik animasyon • Step-by-step / auto animation |
| 🔗 Tam Bağlı | Ağırlık görselleştirme, softmax çıktısı • Weight visualization, softmax output |
| 🤖 Canlı Demo | TensorFlow.js CNN, tarayıcıda el yazısı rakam tanıma • In-browser digit recognition |
| 🌍 TR / EN | Anında dil değiştirme, localStorage'da kayıt • Instant language toggle, persisted |
Sadece index.html dosyasını bir tarayıcıda açın — sunucu gerekmez!
# Seçenek 1: Doğrudan açın / Option 1: Just open it
start index.html # Windows
open index.html # macOS
# Seçenek 2: Basit sunucu / Option 2: Quick server
npx serve .
# veya / or
python -m http.server 8080- Bu repoyu GitHub'a push edin
- Settings → Pages bölümüne gidin
- Branch:
main, Folder:/ (root)seçin → Save - Birkaç dakika bekleyin, siteniz
https://<username>.github.io/HowDoesCnnWork/adresinde yayınlanır
HowDoesCnnWork/
├── index.html # Ana sayfa / Main page
├── style.css # Tasarım sistemi / Design system
├── i18n.js # TR/EN çeviriler / Translations
├── main.js # Orkestratör / Orchestrator
└── modules/
├── convolution.js # Konvolüsyon modülü
├── relu.js # ReLU modülü
├── pooling.js # Havuzlama modülü
├── fullyconnected.js # Tam bağlı katman modülü
└── mnist.js # Canlı MNIST demo modülü
- HTML5 + CSS3 + Vanilla JS — Sıfır bağımlılık (TF.js hariç) / Zero dependencies (except TF.js)
- TensorFlow.js — Tarayıcıda CNN inference / In-browser CNN inference
- Google Fonts — Inter — Typography
- GitHub Pages — Ücretsiz deploy / Free deployment
MIT — Özgürce kullanın, değiştirin, paylaşın. / Free to use, modify, and share.