Javascript d3js v5:Can'；我不知道如何使用可观察的笔记本

我正在尝试使用D3.JSV5构建一个“堆叠标准化水平条形图”

我发现了一个可观察的笔记本，它准确地显示了我所需要的：

我想在“经典”HTML页面中显示这个精确的图表

我不明白该怎么做：我是否需要将示例的每一行（以相反的顺序）复制到Javascript文件中，然后将其嵌入HTML页面

我的最终目标是创建一个VueJs 2组件来显示这种图表

---

我有点迷路了，我真的很想得到一些帮助来开始……

我很困惑：TypeScript和那个笔记本有什么关系？我想我被“奇怪”的功能范围误导了。实际上是Javascript，我已经编辑了我的问题。谢谢你指出这一点。解释如何导出笔记本电脑的代码，该代码将在ObservableEHQ之外托管。有关正在进行的讨论，请参阅此线程。根据我的经验，将“可观察的”迁移到vanilla JS需要大量的工作