太阳系仪
你折叠地图的逻辑。没有渲染器,没有框架:每个地图绘制自己的框架。
tree折叠树。一个深度切口,加上手工打开或闭合的节点。openSet,toggle,reveal,stepDepth,fullDepth.nest:在你通过的引擎(ELK,网格,你自己的)上嵌套布局。开放式容器的大小是由孩子决定的。位置加起来就是根。缓存只重放更改过的路径。glide:两帧之间的运动。留下的痕迹会滑动,新的痕迹会从锚中生长出来,消失的痕迹会缩小。Marks说明哪些元素是标记。
不依赖任何东西。在浏览器中运行: glide 测量DOM并使用Web动画API。
npm i @wrenautomation/orrery
import { nest, openSet } from "@wrenautomation/orrery";
const open = openSet(nodes, { depth: 1, open: { "pkg:core": true } });
const map = await nest({ nodes, root: "repo", open, size, pad, engine: myLayout });
// map.boxes: absolute, parents first. map.levels: each open container's own layout.
由红隼的观察者和鹪鹩的地铁地图使用。