文件名称:elm-embed-vega:将elm-vega可视化内容嵌入elm视图中的示例
文件大小:75KB
文件格式:ZIP
更新时间:2024-06-02 16:57:58
JavaScript
在elm应用程序中嵌入elm-vega图 的当前文档指示用户将Vega-Lite附加到定义为html文件的静态div 。 此示例说明了一种将elm-vega可视化嵌入elm应用程序中定义的节点中的方法。 基础应用 我从elm指南中的开始,并进行了以下更改。 将dieFace为dieFace Maybe Int 。 向模型添加一个List(Int) ,它将用于捕获滚动历史记录。 使用可扩展记录重构更新功能。 嵌入elm-vega直方图。 嵌入直方图的第一步是设置Vega规范。 我们将使用以下函数来设置规范,该模型将model.rolls设置为标记为X的数据列,然后设置适当的编码和规范。 -- Vega Spec spec model = let d = dataFromColumns [] << dataColumn " X " (
【文件预览】:
elm-embed-vega-master
----index.html(933B)
----main.js(476KB)
----src()
--------Main.elm(822B)
--------EmbedVega.elm(2KB)
----.npmignore(80B)
----README.md(5KB)
----.gitignore(11B)
----elm-package.json(474B)