Hugging Face's logo

Spaces:
OKTAYBBS
/
DataScientst
Running

App Files Community
OKTAYBBS commited on
Commit
6b4fe65
·
verified ·
1 Parent(s): ed47dfe

Upload index.html with huggingface_hub

Browse files
Files changed (1) hide show
  1. index.html +680 -19
index.html CHANGED
@@ -1,19 +1,680 @@
1
- <!doctype html>
2
- <html>
3
- <head>
4
- <meta charset="utf-8" />
5
- <meta name="viewport" content="width=device-width" />
6
- <title>My static Space</title>
7
- <link rel="stylesheet" href="style.css" />
8
- </head>
9
- <body>
10
- <div class="card">
11
- <h1>Welcome to your static Space!</h1>
12
- <p>You can modify this app directly by editing <i>index.html</i> in the Files and versions tab.</p>
13
- <p>
14
- Also don't forget to check the
15
- <a href="https://huggingface.co/docs/hub/spaces" target="_blank">Spaces documentation</a>.
16
- </p>
17
- </div>
18
- </body>
19
- </html>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <title>DataScientst Portfolio</title>
2
+ <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Space+Mono:wght@400;700&family=DM+Sans:wght@400;500;600;700&display=swap">
3
+ <style>
4
+ :root {
5
+ --bg: #F7F6F3;
6
+ --bg-card: #FFFFFF;
7
+ --bg-card-hover: #FAFAF8;
8
+ --text: #1A1A1A;
9
+ --text-secondary: #5A5A52;
10
+ --text-muted: #8E8E82;
11
+ --accent: #2D5F2D;
12
+ --accent-light: #E8F0E8;
13
+ --border: #E2E0DA;
14
+ --metric-bg: #F0EDE8;
15
+ --tag-bg: #EDEBE6;
16
+ --tag-text: #4A4A42;
17
+ --divider: #D8D5CE;
18
+ --shadow: 0 1px 3px rgba(0,0,0,0.06);
19
+ --shadow-hover: 0 4px 12px rgba(0,0,0,0.08);
20
+ --cat-reg: #2D5F2D;
21
+ --cat-clf: #4A3B8F;
22
+ --cat-clu: #8F5A3B;
23
+ --cat-cv: #2D4F6F;
24
+ --cat-nlp: #6F2D4F;
25
+ --cat-rec: #3B6F8F;
26
+ --cat-ts: #5F5F2D;
27
+ --cat-viz: #8F3B5A;
28
+ --cat-dl: #3B3B8F;
29
+ --cat-ai: #2D6F5F;
30
+ }
31
+ @media (prefers-color-scheme: dark) {
32
+ :root:not([data-theme="light"]) {
33
+ --bg: #141413;
34
+ --bg-card: #1E1E1C;
35
+ --bg-card-hover: #262624;
36
+ --text: #E8E6E0;
37
+ --text-secondary: #A8A69E;
38
+ --text-muted: #6E6E66;
39
+ --accent: #5CB85C;
40
+ --accent-light: #1E2E1E;
41
+ --border: #2E2E2A;
42
+ --metric-bg: #242420;
43
+ --tag-bg: #2A2A26;
44
+ --tag-text: #B8B6AE;
45
+ --divider: #333330;
46
+ --shadow: 0 1px 3px rgba(0,0,0,0.2);
47
+ --shadow-hover: 0 4px 12px rgba(0,0,0,0.3);
48
+ }
49
+ }
50
+ :root[data-theme="dark"] {
51
+ --bg: #141413;
52
+ --bg-card: #1E1E1C;
53
+ --bg-card-hover: #262624;
54
+ --text: #E8E6E0;
55
+ --text-secondary: #A8A69E;
56
+ --text-muted: #6E6E66;
57
+ --accent: #5CB85C;
58
+ --accent-light: #1E2E1E;
59
+ --border: #2E2E2A;
60
+ --metric-bg: #242420;
61
+ --tag-bg: #2A2A26;
62
+ --tag-text: #B8B6AE;
63
+ --divider: #333330;
64
+ --shadow: 0 1px 3px rgba(0,0,0,0.2);
65
+ --shadow-hover: 0 4px 12px rgba(0,0,0,0.3);
66
+ }
67
+
68
+ *, *::before, *::after { box-sizing: border-box; }
69
+ body {
70
+ background: var(--bg);
71
+ color: var(--text);
72
+ font-family: 'DM Sans', system-ui, -apple-system, sans-serif;
73
+ margin: 0;
74
+ padding: 0;
75
+ line-height: 1.6;
76
+ -webkit-font-smoothing: antialiased;
77
+ }
78
+
79
+ .page { max-width: 1080px; margin: 0 auto; padding: 3rem 1.5rem 4rem; }
80
+
81
+ /* HEADER */
82
+ .header { margin-bottom: 3rem; }
83
+ .header-eyebrow {
84
+ font-family: 'Space Mono', monospace;
85
+ font-size: 0.75rem;
86
+ letter-spacing: 0.12em;
87
+ text-transform: uppercase;
88
+ color: var(--accent);
89
+ margin-bottom: 0.75rem;
90
+ }
91
+ .header h1 {
92
+ font-size: 2.25rem;
93
+ font-weight: 700;
94
+ line-height: 1.15;
95
+ margin: 0 0 0.75rem;
96
+ text-wrap: balance;
97
+ letter-spacing: -0.02em;
98
+ }
99
+ .header-desc {
100
+ font-size: 1.05rem;
101
+ color: var(--text-secondary);
102
+ max-width: 640px;
103
+ line-height: 1.65;
104
+ }
105
+
106
+ /* STATS ROW */
107
+ .stats-row {
108
+ display: flex;
109
+ gap: 1px;
110
+ background: var(--border);
111
+ border-radius: 8px;
112
+ overflow: hidden;
113
+ margin-bottom: 3rem;
114
+ }
115
+ .stat-cell {
116
+ flex: 1;
117
+ background: var(--bg-card);
118
+ padding: 1.25rem 1rem;
119
+ text-align: center;
120
+ }
121
+ .stat-num {
122
+ font-family: 'Space Mono', monospace;
123
+ font-size: 1.75rem;
124
+ font-weight: 700;
125
+ color: var(--accent);
126
+ line-height: 1;
127
+ }
128
+ .stat-label {
129
+ font-size: 0.75rem;
130
+ color: var(--text-muted);
131
+ text-transform: uppercase;
132
+ letter-spacing: 0.08em;
133
+ margin-top: 0.4rem;
134
+ }
135
+
136
+ /* CATEGORY SECTION */
137
+ .category-section { margin-bottom: 2.5rem; }
138
+ .category-header {
139
+ display: flex;
140
+ align-items: center;
141
+ gap: 0.75rem;
142
+ margin-bottom: 1rem;
143
+ padding-bottom: 0.75rem;
144
+ border-bottom: 1px solid var(--divider);
145
+ }
146
+ .category-dot {
147
+ width: 10px;
148
+ height: 10px;
149
+ border-radius: 50%;
150
+ flex-shrink: 0;
151
+ }
152
+ .category-name {
153
+ font-size: 0.8rem;
154
+ font-family: 'Space Mono', monospace;
155
+ text-transform: uppercase;
156
+ letter-spacing: 0.1em;
157
+ color: var(--text-secondary);
158
+ }
159
+ .category-count {
160
+ font-size: 0.7rem;
161
+ color: var(--text-muted);
162
+ margin-left: auto;
163
+ font-family: 'Space Mono', monospace;
164
+ }
165
+
166
+ /* PROJECT CARDS */
167
+ .projects-grid {
168
+ display: grid;
169
+ grid-template-columns: repeat(3, 1fr);
170
+ gap: 0.75rem;
171
+ }
172
+ @media (max-width: 768px) {
173
+ .projects-grid { grid-template-columns: 1fr; }
174
+ .stats-row { flex-direction: column; }
175
+ }
176
+ @media (min-width: 769px) and (max-width: 1024px) {
177
+ .projects-grid { grid-template-columns: repeat(2, 1fr); }
178
+ }
179
+
180
+ .project-card {
181
+ background: var(--bg-card);
182
+ border: 1px solid var(--border);
183
+ border-radius: 6px;
184
+ padding: 1.15rem;
185
+ transition: background 0.15s, box-shadow 0.15s;
186
+ box-shadow: var(--shadow);
187
+ }
188
+ .project-card:hover {
189
+ background: var(--bg-card-hover);
190
+ box-shadow: var(--shadow-hover);
191
+ }
192
+ .card-title {
193
+ font-size: 0.95rem;
194
+ font-weight: 600;
195
+ margin-bottom: 0.4rem;
196
+ line-height: 1.35;
197
+ }
198
+ .card-desc {
199
+ font-size: 0.8rem;
200
+ color: var(--text-secondary);
201
+ line-height: 1.5;
202
+ margin-bottom: 0.75rem;
203
+ }
204
+ .card-footer {
205
+ display: flex;
206
+ align-items: center;
207
+ gap: 0.5rem;
208
+ flex-wrap: wrap;
209
+ }
210
+ .tag {
211
+ font-size: 0.65rem;
212
+ font-family: 'Space Mono', monospace;
213
+ padding: 0.2rem 0.5rem;
214
+ border-radius: 3px;
215
+ background: var(--tag-bg);
216
+ color: var(--tag-text);
217
+ letter-spacing: 0.03em;
218
+ }
219
+ .metric-pill {
220
+ font-size: 0.65rem;
221
+ font-family: 'Space Mono', monospace;
222
+ padding: 0.2rem 0.55rem;
223
+ border-radius: 3px;
224
+ background: var(--accent-light);
225
+ color: var(--accent);
226
+ font-weight: 700;
227
+ margin-left: auto;
228
+ font-variant-numeric: tabular-nums;
229
+ }
230
+
231
+ /* TECH STACK */
232
+ .tech-section {
233
+ margin-top: 2.5rem;
234
+ padding-top: 2rem;
235
+ border-top: 1px solid var(--divider);
236
+ }
237
+ .tech-title {
238
+ font-family: 'Space Mono', monospace;
239
+ font-size: 0.75rem;
240
+ text-transform: uppercase;
241
+ letter-spacing: 0.1em;
242
+ color: var(--text-muted);
243
+ margin-bottom: 1rem;
244
+ }
245
+ .tech-grid {
246
+ display: flex;
247
+ flex-wrap: wrap;
248
+ gap: 0.5rem;
249
+ }
250
+ .tech-tag {
251
+ font-size: 0.75rem;
252
+ padding: 0.35rem 0.75rem;
253
+ border-radius: 4px;
254
+ border: 1px solid var(--border);
255
+ background: var(--bg-card);
256
+ color: var(--text-secondary);
257
+ }
258
+
259
+ /* FOOTER */
260
+ .footer {
261
+ margin-top: 3rem;
262
+ padding-top: 1.5rem;
263
+ border-top: 1px solid var(--divider);
264
+ font-size: 0.75rem;
265
+ color: var(--text-muted);
266
+ font-family: 'Space Mono', monospace;
267
+ display: flex;
268
+ justify-content: space-between;
269
+ }
270
+ @media (max-width: 768px) { .footer { flex-direction: column; gap: 0.5rem; } }
271
+ </style>
272
+
273
+ <div class="page">
274
+
275
+ <div class="header">
276
+ <div class="header-eyebrow">Machine Learning Portfolio</div>
277
+ <h1>30 Proje ile Veri Bilimi<br>Uzmanligi</h1>
278
+ <p class="header-desc">Regresyondan derin ogrenmee, NLP'den bilgisayarli goruye -- 10 farkli kategoride egitilmis modeller, gercek veri setleri ve canli Streamlit arayuzu.</p>
279
+ </div>
280
+
281
+ <div class="stats-row">
282
+ <div class="stat-cell"><div class="stat-num">30</div><div class="stat-label">Proje</div></div>
283
+ <div class="stat-cell"><div class="stat-num">10</div><div class="stat-label">Kategori</div></div>
284
+ <div class="stat-cell"><div class="stat-num">34</div><div class="stat-label">Egitilmis Model</div></div>
285
+ <div class="stat-cell"><div class="stat-num">15+</div><div class="stat-label">Kaggle Dataset</div></div>
286
+ <div class="stat-cell"><div class="stat-num">1</div><div class="stat-label">Streamlit App</div></div>
287
+ </div>
288
+
289
+ <!-- REGRESSION -->
290
+ <div class="category-section">
291
+ <div class="category-header">
292
+ <div class="category-dot" style="background:var(--cat-reg)"></div>
293
+ <span class="category-name">Regresyon</span>
294
+ <span class="category-count">3 proje</span>
295
+ </div>
296
+ <div class="projects-grid">
297
+ <div class="project-card">
298
+ <div class="card-title">Altin Fiyati Tahmini</div>
299
+ <div class="card-desc">S&P 500, petrol, gumus ve EUR/USD endekslerinden altin ons fiyatini tahmin eder.</div>
300
+ <div class="card-footer">
301
+ <span class="tag">RandomForest</span>
302
+ <span class="tag">Kaggle</span>
303
+ <span class="metric-pill">R² 0.990</span>
304
+ </div>
305
+ </div>
306
+ <div class="project-card">
307
+ <div class="card-title">Ogrenci Sinav Puani Tahmini</div>
308
+ <div class="card-desc">Demografik ve egitsel faktorlerden matematik puanini ongorur.</div>
309
+ <div class="card-footer">
310
+ <span class="tag">RandomForest</span>
311
+ <span class="tag">OneHot</span>
312
+ <span class="metric-pill">R² 0.849</span>
313
+ </div>
314
+ </div>
315
+ <div class="project-card">
316
+ <div class="card-title">Uber/Taksi Ucret Tahmini</div>
317
+ <div class="card-desc">Kalkis-varis koordinatlari ve yolcu sayisindan yolculuk maliyetini hesaplar.</div>
318
+ <div class="card-footer">
319
+ <span class="tag">RandomForest</span>
320
+ <span class="tag">50K satir</span>
321
+ <span class="metric-pill">R² 0.778</span>
322
+ </div>
323
+ </div>
324
+ </div>
325
+ </div>
326
+
327
+ <!-- CLASSIFICATION -->
328
+ <div class="category-section">
329
+ <div class="category-header">
330
+ <div class="category-dot" style="background:var(--cat-clf)"></div>
331
+ <span class="category-name">Siniflandirma</span>
332
+ <span class="category-count">3 proje</span>
333
+ </div>
334
+ <div class="projects-grid">
335
+ <div class="project-card">
336
+ <div class="card-title">Mobil Cihaz Fiyat Segmenti</div>
337
+ <div class="card-desc">Donanim ozelliklerine gore telefonun fiyat sinifini (0-3) belirler.</div>
338
+ <div class="card-footer">
339
+ <span class="tag">RandomForest</span>
340
+ <span class="metric-pill">Acc 81.2%</span>
341
+ </div>
342
+ </div>
343
+ <div class="project-card">
344
+ <div class="card-title">Sarap Kalitesi Siniflandirmasi</div>
345
+ <div class="card-desc">Kimyasal olcumlerden kirmizi sarap kalite puanini tahmin eder.</div>
346
+ <div class="card-footer">
347
+ <span class="tag">RandomForest</span>
348
+ <span class="tag">Balanced</span>
349
+ <span class="metric-pill">Acc 67.5%</span>
350
+ </div>
351
+ </div>
352
+ <div class="project-card">
353
+ <div class="card-title">Musteri Terki (Churn) Tahmini</div>
354
+ <div class="card-desc">Telekom musterilerinin ayrilma riskini kullanim aliskanliklarindan hesaplar.</div>
355
+ <div class="card-footer">
356
+ <span class="tag">RandomForest</span>
357
+ <span class="tag">OneHot</span>
358
+ <span class="metric-pill">Acc 78.9%</span>
359
+ </div>
360
+ </div>
361
+ </div>
362
+ </div>
363
+
364
+ <!-- CLUSTERING -->
365
+ <div class="category-section">
366
+ <div class="category-header">
367
+ <div class="category-dot" style="background:var(--cat-clu)"></div>
368
+ <span class="category-name">Kumeleme</span>
369
+ <span class="category-count">3 proje</span>
370
+ </div>
371
+ <div class="projects-grid">
372
+ <div class="project-card">
373
+ <div class="card-title">NBA Oyuncu Performans Gruplama</div>
374
+ <div class="card-desc">Istatistiklere gore oyunculari otonom oyun stillerine ayirir, 3D gorsellestirmeli.</div>
375
+ <div class="card-footer">
376
+ <span class="tag">KMeans</span>
377
+ <span class="tag">3D Viz</span>
378
+ <span class="metric-pill">Sil 0.452</span>
379
+ </div>
380
+ </div>
381
+ <div class="project-card">
382
+ <div class="card-title">Kredi Karti Musteri Segmentasyonu</div>
383
+ <div class="card-desc">Harcama limitleri ve bakiyelerine gore finansal profiller olusturur.</div>
384
+ <div class="card-footer">
385
+ <span class="tag">KMeans</span>
386
+ <span class="tag">Scaler</span>
387
+ <span class="metric-pill">Sil 0.531</span>
388
+ </div>
389
+ </div>
390
+ <div class="project-card">
391
+ <div class="card-title">Spotify Sarki Tarzi Kumeleme</div>
392
+ <div class="card-desc">Sarkilari dans edilebilirlik ve enerji gibi ozelliklere gore gruplar.</div>
393
+ <div class="card-footer">
394
+ <span class="tag">KMeans</span>
395
+ <span class="tag">Spotify</span>
396
+ <span class="metric-pill">Sil 0.327</span>
397
+ </div>
398
+ </div>
399
+ </div>
400
+ </div>
401
+
402
+ <!-- COMPUTER VISION -->
403
+ <div class="category-section">
404
+ <div class="category-header">
405
+ <div class="category-dot" style="background:var(--cat-cv)"></div>
406
+ <span class="category-name">Bilgisayarli Goru</span>
407
+ <span class="category-count">3 proje</span>
408
+ </div>
409
+ <div class="projects-grid">
410
+ <div class="project-card">
411
+ <div class="card-title">Surucu Uyuklama Tespiti</div>
412
+ <div class="card-desc">Goz aciklik oranini (EAR) analiz ederek surucu yorgunlugunu tespit eder.</div>
413
+ <div class="card-footer">
414
+ <span class="tag">MediaPipe</span>
415
+ <span class="tag">EAR</span>
416
+ </div>
417
+ </div>
418
+ <div class="project-card">
419
+ <div class="card-title">Maske Kullanimi Tespiti</div>
420
+ <div class="card-desc">Yukledigi fotograflardaki yuzleri tarayarak maskeli/maskesiz ayrimini yapar.</div>
421
+ <div class="card-footer">
422
+ <span class="tag">RandomForest</span>
423
+ <span class="tag">64x64px</span>
424
+ <span class="metric-pill">Acc 82.5%</span>
425
+ </div>
426
+ </div>
427
+ <div class="project-card">
428
+ <div class="card-title">El Isaretleri ve Parmak Sayma</div>
429
+ <div class="card-desc">MediaPipe ile el eklem noktalarini cikararak acik parmak sayisini hesaplar.</div>
430
+ <div class="card-footer">
431
+ <span class="tag">MediaPipe</span>
432
+ <span class="tag">Realtime</span>
433
+ </div>
434
+ </div>
435
+ </div>
436
+ </div>
437
+
438
+ <!-- NLP -->
439
+ <div class="category-section">
440
+ <div class="category-header">
441
+ <div class="category-dot" style="background:var(--cat-nlp)"></div>
442
+ <span class="category-name">Dogal Dil Isleme</span>
443
+ <span class="category-count">3 proje</span>
444
+ </div>
445
+ <div class="projects-grid">
446
+ <div class="project-card">
447
+ <div class="card-title">SMS Spam / Kimlik Avi Tespiti</div>
448
+ <div class="card-desc">Gelen metinleri TF-IDF ile analiz ederek dolandiricilik girisimlerini saptar.</div>
449
+ <div class="card-footer">
450
+ <span class="tag">NaiveBayes</span>
451
+ <span class="tag">TF-IDF</span>
452
+ <span class="metric-pill">Acc 98.0%</span>
453
+ </div>
454
+ </div>
455
+ <div class="project-card">
456
+ <div class="card-title">IMDb Duygu Analizi</div>
457
+ <div class="card-desc">Film eleshtirilerinin arkasindaki duygu durumunu siniflandirir.</div>
458
+ <div class="card-footer">
459
+ <span class="tag">LogReg</span>
460
+ <span class="tag">TF-IDF</span>
461
+ <span class="metric-pill">Acc 87.3%</span>
462
+ </div>
463
+ </div>
464
+ <div class="project-card">
465
+ <div class="card-title">Sahte Haber Tespiti</div>
466
+ <div class="card-desc">Haber metinlerinin dogrulugunu ve manipulasyon riskini analiz eder.</div>
467
+ <div class="card-footer">
468
+ <span class="tag">LogReg</span>
469
+ <span class="tag">TF-IDF</span>
470
+ <span class="metric-pill">Acc 97.6%</span>
471
+ </div>
472
+ </div>
473
+ </div>
474
+ </div>
475
+
476
+ <!-- RECOMMENDATION -->
477
+ <div class="category-section">
478
+ <div class="category-header">
479
+ <div class="category-dot" style="background:var(--cat-rec)"></div>
480
+ <span class="category-name">Oneri Sistemleri</span>
481
+ <span class="category-count">3 proje</span>
482
+ </div>
483
+ <div class="projects-grid">
484
+ <div class="project-card">
485
+ <div class="card-title">IMDb Film Oneri Sistemi</div>
486
+ <div class="card-desc">Tur ve ozet benzerliklerine (Cosine Similarity) gore film tavsiye eder.</div>
487
+ <div class="card-footer">
488
+ <span class="tag">TF-IDF</span>
489
+ <span class="tag">Cosine Sim</span>
490
+ </div>
491
+ </div>
492
+ <div class="project-card">
493
+ <div class="card-title">Kitap Tavsiye Motoru</div>
494
+ <div class="card-desc">Yazar ve icerik ortakliklarina gore okuma listesi onerileri sunar.</div>
495
+ <div class="card-footer">
496
+ <span class="tag">TF-IDF</span>
497
+ <span class="tag">Goodreads</span>
498
+ </div>
499
+ </div>
500
+ <div class="project-card">
501
+ <div class="card-title">Sarki / Muzik Oneri Sistemi</div>
502
+ <div class="card-desc">Spotify ritim ve tarz benzerliklerine gore sarki kuyrugu olusturur.</div>
503
+ <div class="card-footer">
504
+ <span class="tag">TF-IDF</span>
505
+ <span class="tag">Spotify</span>
506
+ </div>
507
+ </div>
508
+ </div>
509
+ </div>
510
+
511
+ <!-- TIME SERIES -->
512
+ <div class="category-section">
513
+ <div class="category-header">
514
+ <div class="category-dot" style="background:var(--cat-ts)"></div>
515
+ <span class="category-name">Zaman Serileri</span>
516
+ <span class="category-count">3 proje</span>
517
+ </div>
518
+ <div class="projects-grid">
519
+ <div class="project-card">
520
+ <div class="card-title">Hisse Senedi Fiyat Tahmini</div>
521
+ <div class="card-desc">AAPL hissesinin gecmis verilerinden gelecek gunlerin trendini cizer.</div>
522
+ <div class="card-footer">
523
+ <span class="tag">LinearReg</span>
524
+ <span class="tag">yfinance</span>
525
+ <span class="metric-pill">R² 0.975</span>
526
+ </div>
527
+ </div>
528
+ <div class="project-card">
529
+ <div class="card-title">Hava Durumu / Sicaklik Tahmini</div>
530
+ <div class="card-desc">Tarihsel iklim verileriyle onumuzdeki gunlerin sicaklik grafiğini ongorur.</div>
531
+ <div class="card-footer">
532
+ <span class="tag">LinearReg</span>
533
+ <span class="tag">Lag-1</span>
534
+ <span class="metric-pill">R² 0.912</span>
535
+ </div>
536
+ </div>
537
+ <div class="project-card">
538
+ <div class="card-title">Magaza Satis Tahmini</div>
539
+ <div class="card-desc">Walmart haftalik satis verilerini analiz ederek gelecek ciroyu tahmin eder.</div>
540
+ <div class="card-footer">
541
+ <span class="tag">LinearReg</span>
542
+ <span class="tag">Sentetik</span>
543
+ <span class="metric-pill">R² 0.767</span>
544
+ </div>
545
+ </div>
546
+ </div>
547
+ </div>
548
+
549
+ <!-- DATA VIZ -->
550
+ <div class="category-section">
551
+ <div class="category-header">
552
+ <div class="category-dot" style="background:var(--cat-viz)"></div>
553
+ <span class="category-name">Veri Gorsellestirme</span>
554
+ <span class="category-count">3 proje</span>
555
+ </div>
556
+ <div class="projects-grid">
557
+ <div class="project-card">
558
+ <div class="card-title">Kuresel Sosyal Medya Istatistikleri</div>
559
+ <div class="card-desc">Platform bazli gunluk kullanim sureleri ve yas gruplari duygu dagilimlarini gosterir.</div>
560
+ <div class="card-footer">
561
+ <span class="tag">Plotly</span>
562
+ <span class="tag">Dashboard</span>
563
+ </div>
564
+ </div>
565
+ <div class="project-card">
566
+ <div class="card-title">Iklim Degisikligi & CO2 Salinimi</div>
567
+ <div class="card-desc">Ulkelerin fosil yakit kaynakli CO2 emisyon trendlerini interaktif karsilastirir.</div>
568
+ <div class="card-footer">
569
+ <span class="tag">Plotly</span>
570
+ <span class="tag">Interaktif</span>
571
+ </div>
572
+ </div>
573
+ <div class="project-card">
574
+ <div class="card-title">E-Ticaret Satis Dashboard</div>
575
+ <div class="card-desc">Online magazanin toplam cirosunu, ulke dagilimlarini ve en cok satanlari grafiklestirir.</div>
576
+ <div class="card-footer">
577
+ <span class="tag">Plotly</span>
578
+ <span class="tag">Dashboard</span>
579
+ </div>
580
+ </div>
581
+ </div>
582
+ </div>
583
+
584
+ <!-- DEEP LEARNING -->
585
+ <div class="category-section">
586
+ <div class="category-header">
587
+ <div class="category-dot" style="background:var(--cat-dl)"></div>
588
+ <span class="category-name">Derin Ogrenme</span>
589
+ <span class="category-count">3 proje</span>
590
+ </div>
591
+ <div class="projects-grid">
592
+ <div class="project-card">
593
+ <div class="card-title">Gogus Rontgeninden Zaturre Teshisi</div>
594
+ <div class="card-desc">X-Ray gorsellerini CNN ile tarayarak zaturre (Pneumonia) teshisi koyar.</div>
595
+ <div class="card-footer">
596
+ <span class="tag">CNN</span>
597
+ <span class="tag">Keras</span>
598
+ <span class="metric-pill">Val 92.5%</span>
599
+ </div>
600
+ </div>
601
+ <div class="project-card">
602
+ <div class="card-title">Yuz Ifadesinden Duygu Tanima</div>
603
+ <div class="card-desc">Insan yuzundeki mimiklerden baskin duygu durumunu tahmin eden CNN modeli.</div>
604
+ <div class="card-footer">
605
+ <span class="tag">CNN</span>
606
+ <span class="tag">FER2013</span>
607
+ <span class="metric-pill">Val 65.4%</span>
608
+ </div>
609
+ </div>
610
+ <div class="project-card">
611
+ <div class="card-title">Metin Uretim Robotu</div>
612
+ <div class="card-desc">Markov zinciri ile kelime bazli olasilik zincirleri uzerinden metin olusturur.</div>
613
+ <div class="card-footer">
614
+ <span class="tag">Markov</span>
615
+ <span class="tag">Shakespeare</span>
616
+ </div>
617
+ </div>
618
+ </div>
619
+ </div>
620
+
621
+ <!-- AI AGENTS -->
622
+ <div class="category-section">
623
+ <div class="category-header">
624
+ <div class="category-dot" style="background:var(--cat-ai)"></div>
625
+ <span class="category-name">Yapay Zeka Ajanlari</span>
626
+ <span class="category-count">3 proje</span>
627
+ </div>
628
+ <div class="projects-grid">
629
+ <div class="project-card">
630
+ <div class="card-title">Akilli Tarim ve Sulama Ajani</div>
631
+ <div class="card-desc">Toprak nemi ve buhaslasma riskine gore sulama kararlarini otonom alan ajan.</div>
632
+ <div class="card-footer">
633
+ <span class="tag">Rule-based</span>
634
+ <span class="tag">Decision Tree</span>
635
+ </div>
636
+ </div>
637
+ <div class="project-card">
638
+ <div class="card-title">SSS Destek ve Niyet Analizi Ajani</div>
639
+ <div class="card-desc">Musteri mesajlarinin niyetini cozerek otonom departman yonlendirmesi yapar.</div>
640
+ <div class="card-footer">
641
+ <span class="tag">Intent Clf</span>
642
+ <span class="tag">NLP</span>
643
+ </div>
644
+ </div>
645
+ <div class="project-card">
646
+ <div class="card-title">Otonom Arac Simulasyon Ajani</div>
647
+ <div class="card-desc">Sensor verilerine gore serit takip, acil fren ve otonom park kararlarini simule eder.</div>
648
+ <div class="card-footer">
649
+ <span class="tag">Simulation</span>
650
+ <span class="tag">Sensor</span>
651
+ </div>
652
+ </div>
653
+ </div>
654
+ </div>
655
+
656
+ <!-- TECH STACK -->
657
+ <div class="tech-section">
658
+ <div class="tech-title">Teknoloji Yigini</div>
659
+ <div class="tech-grid">
660
+ <span class="tech-tag">Python</span>
661
+ <span class="tech-tag">Streamlit</span>
662
+ <span class="tech-tag">scikit-learn</span>
663
+ <span class="tech-tag">TensorFlow / Keras</span>
664
+ <span class="tech-tag">OpenCV</span>
665
+ <span class="tech-tag">MediaPipe</span>
666
+ <span class="tech-tag">Pandas</span>
667
+ <span class="tech-tag">NumPy</span>
668
+ <span class="tech-tag">Plotly</span>
669
+ <span class="tech-tag">Joblib</span>
670
+ <span class="tech-tag">Kaggle API</span>
671
+ <span class="tech-tag">TF-IDF</span>
672
+ </div>
673
+ </div>
674
+
675
+ <div class="footer">
676
+ <span>Ali Oktay Bobus -- Data Science Portfolio</span>
677
+ <span>30 proje &middot; 34 model &middot; 10 kategori</span>
678
+ </div>
679
+
680
+ </div>