前端图表组件示例
Layer Cake 是一个面向 Svelte 的 headless 图形框架。它不直接生成散点图、柱状图这类完整图表，而是提供坐标系统、scale、布局容器和上下文，让开发者在自己的项目中编写可复用图层组件。其定位更接近可视化工程框架，而非 Highcharts、Vega 这类高层图表库。
它会根据目标 div 的尺寸和数据范围计算 scales，并在布局变化时保持同步。开发者可在同一个 LayerCake 中叠加 Svg、Html、Canvas、WebGL 等布局层，共享同一坐标空间，因此适合把坐标轴用 SVG、点位用 Canvas、标签用 HTML、海量散点用 WebGL 分层实现。其 scale 使用 D3 scales，并提供 x/y/z/r、domain、range、padding、reverse、nice 等细粒度配置。
Layer Cake 明确面向 Svelte，也可用于 SvelteKit；文档建议 TypeScript 5。组件 API 包括 LayerCake、Svg、ScaledSvg、Html、Canvas、WebGL，图层组件通过 getContext('LayerCake') 获取 data、xGet、yGet、scale、宽高等 store。辅助函数包括 bin、stack、flatten、calcExtents、uniques 等。文档质量较好，覆盖入门、关键概念、SSR、排错、TypeScript、可访问性、Props 和大量可编辑示例。
抓取文本未提供收费、商业版或许可证信息。安装方式为 npm install --save layercake，并提供 starter template。文档还说明可将源码复制进项目并导入单个组件，图表组件本身也位于用户项目中，具备较强自托管和私有定制属性。
优点是自由度高、可混合多种渲染技术、适合复杂响应式可视化，并支持服务端渲染和无 JavaScript 首屏展示。缺点是不开箱即用，开发者需要自己实现坐标轴、图形、交互和样式；对非 Svelte 技术栈价值有限。它适合新闻可视化、数据产品、复杂交互图表和需要精细控制 DOM/Canvas/WebGL 的团队。
抓取内容未提供中国大陆访问、镜像、支付或 CDN 信息，访问状态记为未知。若需要更成熟的中文生态或更低门槛替代，可评估 ECharts、Chart.js、D3、Vega 或 Highcharts。
本测评基于公开资料整理,不构成购买建议,请以 layercake.graphics 官网实际信息为准。
提供多种客户端图表与可视化案例。
评分明细(分布与用户短评)接入中。当前展示 TG4G 综合评分,数据源自公开测评与用户反馈。