D3 作者 Mike Bostock 给我的项目留言了，还邀请我去参与他的新项目 Observable Framework

小小酥梨2024-04-15 10:03

事情的起因就是我参考 Observable Notebook 设计了一套 Markdown 的语法： Markdown Genji 去撰写交互式文档，然后写一个插件让 VitePress 支持这个语法。结果今天打羽毛球休息时候，刷 Github 就看见了如下的消息：

大佬不仅对我的项目表示了认可，还邀请我去参与他最新项目 Observable Framework 的贡献！Mike Bostock 可是我一直的偶像啊，很少有人能在学术和工程方面都如此出色，我也是看着 D3 代码长大的。激动得我接连几个跳杀！

小伙伴们感兴趣可以去 Genji 官网了解更多！简单来讲，就是如下的 Markdown：

md 复制代码

```js eval code=false
size = Inputs.range([50, 300], { label: "size", value: 100, step: 1 });
```

```js eval
(() => {
  const div = document.createElement("div");
  div.style.width = size + "px";
  div.style.height = "100px";
  div.style.background = "orange";
  return div;
})();
```

会被渲染得到如下的结果：

更多的例子可以参考：

亚运可视化：genji-md.dev/examples/at...
P5.js API：genji-md.dev/examples/p5...