矩形树图用嵌套矩形表示的层级数值，每个矩形的大小与数值一致。复制 Markdown查看 Markdown主题KohuKohu DarkDefault矩形树图目前是 Beta，用 -beta 声明，因为 Mermaid 可能还会修改它。A month of cloud costs复制源码在 Playground 中打开Compute$21,600Databases$9,700Storage$8,000Network$5,100Kubernetes nodes$14,200Batch jobs$4,100CI runners$3,300Postgres$7,800Redis$1,900Object storage$5,600Backups$2,400Data transfer out$3,900Load balancers$1,200Compute$21,600Databases$9,700Storage$8,000NetworkKubernetes nodes$14,200Batch jobs$4,100CI runners$3,300Postgres$7,800Redis$1,900Object storage$5,600Backups$2,400Data transfer out$3,900Load balancers$1,200Compute$21,600DatabasesDataba…$9,700Storage$8,000Network$5,100Kubernetes nodes$14,200Batch jobs$4,100CI runners$3,300Postgres$7,800RedisObject storage$5,600Backups$2,400Data transfer out$3,900Load balancersLoad…What is in the JavaScript bundle复制源码在 Playground 中打开Dependencies (KB)560Our code (KB)340Charts210UI framework140Icons90Date library70Polyfills50Pages180Components120State40Dependencies (KB)560Our code (KB)340Charts210UI framework140Icons90Date library70Polyfills50Pages180Components120StateDependencies (KB)560Our code (KB)340Charts210UI framework140Icons90Date library70Polyfills50Pages180Components120State40Monorepo by lines of code复制源码在 Playground 中打开services43,000web37,000tools8,500api31,000worker12,000app26,000design system11,000cliscriptshandlers18,000models9,000migrations4,000services43,000web37,000tools8,500api31,000worker12,000app26,000design system11,000cliscriptshandlers18,000models9,000migrations4,000services43,000web37,000toolsapi31,000worker12,000app26,000design system11,000cli6,000scripts2,500handlers18,000models9,000migrations上一个树视图下一个用例图