网站资源已完成 0/3，正在建立连接 0/3
BACK TO PROJECT ARCHIVE

PROJECT_002

COMPLETED

CODEX SKILL / DATA VIZ / OFFLINE HTML

Moxing Studio — 面向 AI Agent 的结构化数据图表与离线交付工具

将商业、电商、金融和分析数据转换为可验证的 HTML/SVG 结构动画图表，并支持离线交付与静态导出。

ROLE
独立设计与实现
ARCHIVE ID
MOXING_STUDIO
STATUS
COMPLETED
GITHUB://MOXING_STUDIOOPEN REPOSITORY

01 / PROJECT CONTEXT

项目背景

Moxing Studio 不是通用 Dashboard 控件集合，而是一套面向判断的图表契约。Agent 先识别问题和数据形状，再从 24 个经过测试的结构中选择表达，通过 ALIGN、DOCK、ROUTE、LOCK 解释数据关系，并在关闭动画时保留完整结论。

02 / PROBLEM

问题定义

许多数据图表只强调视觉装饰或通用控件，无法稳定表达排名、趋势、贡献度和不确定性等具体判断，也难以离线复用。

03 / SOLUTION

解决方案

建立 24 个结构化图表契约，让 Agent 根据业务问题和数据形状选择表达方式，再以自包含 HTML/SVG 生成可验证、可导出的结论画面。

04 / WORKFLOW

工作流程

从输入到交付的真实执行路径

  1. 01

    明确需要回答的业务判断

  2. 02

    检查数据单位、时间范围与来源

  3. 03

    匹配图表契约与阅读方式

  4. 04

    生成 HTML/SVG 结构画面

  5. 05

    执行动画、边界数据与移动端校验

  6. 06

    导出 PNG、WebM 或离线 HTML

05 / CORE FEATURES

核心功能

  • 提供 24 个覆盖基础、商业、金融和分析场景的图表契约
  • 使用 ALIGN、DOCK、ROUTE、LOCK 动画解释数据关系
  • 支持 Direct Canvas、Embedded Evidence 和 Evidence Interface 三种阅读方式
  • HTML、字体和图表逻辑自包含，可脱离 CDN 离线打开
  • 支持导出 PNG、WebM 和静态 HTML 交付物
  • 在关闭动画或启用 Reduce Motion 时仍保留完整静态结论

06 / IMPLEMENTATION RECORD

实现依据

从输入到验证，记录项目当前可确认的实现边界。

QUESTION01

先定义要做出的判断

把需求从‘做一张图’转换为排名、趋势、构成、预测或敏感性等明确问题，避免图表脱离业务语境。

CONTRACT02

从 C1–C24 选择结构

根据数据形状、口径和阅读目标选择图表契约，并在信息不足时先补充数据单位、时间范围和来源。

MOTION03

用装配过程解释关系

通过 ALIGN、DOCK、ROUTE、LOCK 的连续状态，让图表结构本身承担解释，而不是依赖额外说明文字。

DELIVERY04

离线结果与终态验证

交付可独立打开的 HTML/SVG，并校验边界数据、动画状态、静态截图和桌面移动端 Gallery。

07 / PROJECT EVIDENCE

项目截图

点击档案夹展开截图，再点击纸片查看高清大图。

SCREENSHOT ARCHIVE / READY

MOXING-STUDIOEVIDENCE://MOXING-STUDIOMoxing Studio06 FILESENCRYPTED

CLICK FOLDER TO OPEN

08 / CURRENT LIMITS

当前限制

  • 图表契约需要根据数据口径和业务问题正确选择，不能替代数据判断
  • 可视化结论依赖输入数据的完整性、单位和来源说明
  • 当前重点是结构化离线交付，不包含在线协作和实时数据连接
OPEN_SOURCE // GITHUB_REPOSTATUS: PUBLIC

git clone https://github.com/halexzd686-cloud/moxing-studio

OPEN_GITHUB