Raphasha27/CyberMesh-Labs

GitHub: Raphasha27/CyberMesh-Labs

一个基于 React 和 Chart.js 的单页 SOC 仪表板演示项目,通过模拟实时威胁遥测和可视化分析展示网络安全运营中心的交互界面。

Stars: 0 | Forks: 0

# CyberMesh Labs ![JavaScript](https://img.shields.io/badge/JavaScript-ES6+-F7DF1E?logo=javascript) ![React](https://img.shields.io/badge/React-18-61DAFB?logo=react) ![Chart.js](https://img.shields.io/badge/Chart.js-4-FF6384?logo=chartdotjs) ![Tailwind](https://img.shields.io/badge/Tailwind-3-06B6D4?logo=tailwindcss) ![License](https://img.shields.io/badge/License-MIT-blue) **自动化安全运营中心 (SOC) 仪表板** — 包含实时遥测、威胁向量雷达分析和系统完整性监控的实时网络安全威胁模拟。 ## 功能 - **实时威胁遥测** — 模拟安全事件(DDoS、SQLi、恶意软件、端口扫描、未授权认证)的实时日志流,包含 IP 地址和严重级别 - **威胁向量雷达** — 交互式 Chart.js 雷达图,可视化 6 个类别的全球威胁向量活动,每 3 秒更新一次 - **系统指标** — 已检查数据包 (1.42B)、已拦截 payload (84,932)、系统完整性状态 - **Defcon 状态指示器** — 可视化 DEFCON 级别徽章 - **赛博朋克美学** — 深色主题,霓虹绿 (#00ffcc) 点缀,CRT 扫描线叠加层,玻璃拟态面板,等宽字体 ## 技术栈 - **React 18** 通过 CDN (UMD 生产构建) - **Tailwind CSS 3** 通过 CDN - **Chart.js 4** 通过 CDN - **Babel Standalone** — 在浏览器中进行 JSX 转译 无需构建步骤 — 这是一个单一的 `index.html`,可以直接打开或通过 GitHub Pages 提供服务。 ## 用法 ``` # 直接在浏览器中打开 open index.html # 或者在本地 serve npx serve . ``` ## 项目结构 ``` CyberMesh-Labs/ ├── index.html # Single-page SOC Dashboard ├── .env.example ├── .github/ │ ├── workflows/ # CI, pages deployment, security scanning │ └── dependabot.yml └── README.md ``` ## 许可证 MIT — 查看 [LICENSE](./LICENSE)。
标签:Chart.js, React, Syscalls, Tailwind CSS, 可视化大屏, 后端开发, 多模态安全, 威胁检测模拟, 安全运营中心(SOC), 数据可视化