yalovencko-alina/vk-tg

<!DOCTYPE html> <html lang="ru"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Анализ социальных сетей — VK vs Telegram</title> <script src="https://cdn.jsdelivr.net/npm/chart.js"></script> <style> *{ margin:0; padding:0; box-sizing:border-box; } body{ font-family:Segoe UI,sans-serif; background:#0f172a; color:#e2e8f0; padding:30px; } .container{ max-width:1300px; margin:auto; } .header{ text-align:center; margin-bottom:40px; } .header h1{ font-size:2.2rem; margin-bottom:10px; } .header p{ color:#94a3b8; } .kpi-grid{ display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:20px; margin-bottom:35px; } .kpi-card{ background:#1e293b; border:1px solid #334155; border-radius:18px; padding:24px; transition:0.3s; } .kpi-card:hover{ transform:translateY(-4px); } .kpi-title{ font-size:0.9rem; color:#94a3b8; margin-bottom:10px; } .kpi-value{ font-size:2rem; font-weight:bold; color:#38bdf8; } .chart-grid{ display:grid; grid-template-columns:1fr 1fr; gap:20px; margin-bottom:35px; } .chart-card{ background:#1e293b; border:1px solid #334155; border-radius:18px; padding:25px; } .chart-title{ margin-bottom:15px; color:#f8fafc; font-size:1rem; } .table-card{ background:#1e293b; border-radius:18px; padding:25px; overflow-x:auto; } table{ width:100%; border-collapse:collapse; } th{ background:#334155; padding:12px; color:#f8fafc; } td{ padding:12px; border-bottom:1px solid #334155; text-align:center; } tr:hover{ background:#263548; } .footer{ margin-top:30px; text-align:center; color:#64748b; font-size:0.8rem; } .badge{ display:inline-block; margin-top:12px; background:#0ea5e9; color:white; padding:6px 14px; border-radius:30px; font-size:0.8rem; } @media(max-width:900px){ .chart-grid{ grid-template-columns:1fr; } } </style> </head> <body> <div class="container"> <div class="header"> <h1>📊 Анализ социальных сетей</h1> <p>Сравнение VK и Telegram для медиа-платформы PRO Физмат</p> <div class="badge">Практическая работа · 2026</div> </div>  <div class="kpi-grid"> <div class="kpi-card"> <div class="kpi-title">Подписчики VK</div> <div class="kpi-value">5 200</div> </div> <div class="kpi-card"> <div class="kpi-title">Подписчики Telegram</div> <div class="kpi-value">3 800</div> </div> <div class="kpi-card"> <div class="kpi-title">Средние просмотры VK</div> <div class="kpi-value">1 400</div> </div> <div class="kpi-card"> <div class="kpi-title">Средние просмотры Telegram</div> <div class="kpi-value">2 200</div> </div> </div>  <div class="chart-grid"> <div class="chart-card"> <div class="chart-title">📈 Просмотры публикаций</div> <canvas id="viewsChart"></canvas> </div> <div class="chart-card"> <div class="chart-title">👍 Реакции аудитории</div> <canvas id="likesChart"></canvas> </div> </div>  <div class="table-card"> <div class="chart-title">📋 Таблица активности</div> <table> <thead> <tr> <th>Дата</th> <th>Платформа</th> <th>Просмотры</th> <th>Лайки</th> <th>Комментарии</th> </tr> </thead> <tbody> <tr> <td>01.04.2026</td> <td>VK</td> <td>1200</td> <td>85</td> <td>14</td> </tr> <tr> <td>03.04.2026</td> <td>Telegram</td> <td>1800</td> <td>120</td> <td>8</td> </tr> <tr> <td>05.04.2026</td> <td>VK</td> <td>1400</td> <td>90</td> <td>17</td> </tr> <tr> <td>07.04.2026</td> <td>Telegram</td> <td>2200</td> <td>145</td> <td>10</td> </tr> <tr> <td>10.04.2026</td> <td>VK</td> <td>1600</td> <td>110</td> <td>21</td> </tr> <tr> <td>12.04.2026</td> <td>Telegram</td> <td>2500</td> <td>170</td> <td>12</td> </tr> </tbody> </table> </div>  <div class="chart-grid" style="margin-top:30px;"> <div class="chart-card"> <div class="chart-title">📌 Выводы</div> <p style="line-height:1.7;color:#cbd5e1;"> Telegram показывает более высокий уровень просмотров публикаций и быстрее распространяет информацию среди аудитории. VK обеспечивает больше возможностей для общения пользователей через комментарии и обсуждения. </p> </div> <div class="chart-card"> <div class="chart-title">💡 Рекомендации</div> <p style="line-height:1.7;color:#cbd5e1;"> Для повышения эффективности рекомендуется использовать обе платформы: Telegram — для оперативного информирования, VK — для формирования активного сообщества и взаимодействия с аудиторией. </p> </div> </div> <div class="footer"> Дашборд создан для практической работы по анализу социальных сетей · 2026 </div> </div> <script> // График просмотров new Chart(document.getElementById('viewsChart'),{ type:'bar', data:{ labels:['VK','Telegram'], datasets:[{ label:'Средние просмотры', data:[1400,2200], backgroundColor:[ '#3b82f6', '#22c55e' ], borderRadius:10 }] }, options:{ responsive:true, plugins:{ legend:{ display:false } }, scales:{ y:{ beginAtZero:true } } } }); // График реакций new Chart(document.getElementById('likesChart'),{ type:'doughnut', data:{ labels:['VK','Telegram'], datasets:[{ data:[95,145], backgroundColor:[ '#60a5fa', '#4ade80' ] }] }, options:{ responsive:true } }); </script> </body> </html>

язык не указан · рейтинг — · 👍 0 · ❤️ 0 · 💎 0 · 0 форков · ссылка на SourceCraft

Дата анализа: 29.09.2026 00:59

Нет данных

Скан есть, измерить метрики нельзя

Почему такой балл

Документация Нет данных
- репозиторий пуст is_empty=True
CI/CD Нет данных
- репозиторий пуст is_empty=True
Безопасность Нет данных
- репозиторий пуст is_empty=True
Активность Нет данных
- репозиторий пуст is_empty=True
Issues Нет данных
- репозиторий пуст is_empty=True
Состояние кода Нет данных
- репозиторий пуст is_empty=True

Сильные и слабые стороны

Слабые: Документация: нет данных, CI/CD: нет данных, Безопасность: нет данных, Активность: нет данных, Issues: нет данных, Состояние кода: нет данных

Находки и рекомендации

Находок нет — либо скан ещё не считал Score, либо проблем не найдено.

История проверок

29.09.2026 00:59 — нет данных