isostate

isostate 是一款面向开发者的创新工具，让您能够轻松创建动画等距场景，用于文档、产品演示、架构图以及视觉解说。只需使用 YAML 编写场景配置，即可在浏览器中实时可视化编辑，并在构建时编译为轻量级 SVG 输出，无缝嵌入到任何网页或应用中。

核心功能

• YAML 驱动：通过简洁的 YAML 语法定义场景中的元素、布局和动画，无需复杂编码。
• 可视化编辑器：在浏览器中直接拖拽、调整场景，所见即所得，降低创作门槛。
• 构建时编译：场景在构建阶段生成静态 SVG，确保运行时零依赖、高性能。
• 轻量嵌入：输出的 SVG 文件极小，可轻松嵌入到文档、博客、演示文稿或代码注释中。

主要特性

• 动画支持：为场景中的对象添加移动、旋转、缩放等动画效果，增强表现力。
• 可定制样式：支持自定义颜色、阴影、视角等，匹配品牌或主题风格。
• 版本控制友好：YAML 文件纯文本，便于 Git 管理，团队协作无忧。
• 跨平台兼容：SVG 格式通用，在任何现代浏览器和设备上均可完美显示。
• 开源免费：代码开源，社区活跃，持续迭代更新。

适用场景

• 技术文档：用等距图解释复杂系统架构、数据流或工作流程。
• 产品演示：创建交互式产品导览，展示功能亮点。
• 教学材料：制作生动的教学插图，提升学习体验。
• 博客文章：为技术文章配图，吸引读者注意力。