CLOUD NATIVE · DEVOPS

云原生与基础设施可视化实验室

通过交互式 SVG 可视化探索云原生核心概念：Kubernetes 调度、服务网格、容器化、服务发现、弹性伸缩、配置管理、可观测性与多云架构。每个模块均可交互操作，实时观察基础设施行为。

8 Modules SVG + Vanilla JS Zero Dependencies Single File

01SCHEDULING

Kubernetes 调度

模拟 kube-scheduler 将 Pod 调度到工作节点。基于资源请求进行 bin-packing，观察亲和性规则与节点故障下的重新调度。

Pod 调度可视化

02SERVICE MESH

展示 Istio/Envoy sidecar 注入模式。观察请求流经 sidecar 代理的链路，切换流量路由规则（轮询/金丝雀）。

Sidecar 代理流量

03CONTAINERIZATION

展示 Docker 镜像分层结构（base、依赖、应用、配置）。观察分层文件系统的复用与容器隔离，模拟镜像重建。

镜像分层结构

04SERVICE DISCOVERY

对比 DNS 服务发现与注册中心（Consul/etcd）服务发现。观察客户端查找流程与实例变更的感知速度。

服务发现流程

05AUTO-SCALING

模拟 HPA 基于 CPU/内存指标的自动扩缩容。调整目标 CPU 阈值，触发流量尖峰，观察副本数随时间的动态变化。

HPA 扩缩容时间线

06CONFIG MANAGEMENT

展示 ConfigMap/Secret 的热更新机制。更新配置后观察其在 Pod 间的传播过程，对比热更新开关的效果。

配置热更新传播

07OBSERVABILITY

展示可观测性三大支柱：日志、指标、链路追踪。模拟分布式请求，观察跨服务的 trace span 与各支柱数据。

三大支柱与分布式追踪

08MULTI-CLOUD

展示跨 AWS/Azure/GCP 的全局流量路由。切换故障转移区域与基于延迟的路由策略，观察全球负载均衡的流量分配。

全球负载均衡