我正在尝试/学习ClojureScript.以下代码片段接口与优秀的d3.js lib显示一些圈子.找到它是一个比较详细的,而不诉诸宏,有没有办法优化/最小化它？
(def rdata (atom (array 3 10 12 16 19)))
(defn update []
(let [em (.selectAll (.select js/d3 "svg") "circle")
data (.data em @rdata d3/String)
enter (.append (.enter data) "circle")
yscale (.linear (. js/d3 -scale))
xscale (.linear (. js/d3 -scale))
rscale (.linear (. js/d3 -scale))
]
(-> yscale
(.domain (array 0 20))
(.range (array 100 200)))
(-> xscale
(.domain (array 0 20))
(.range (array 100 800)))
(-> rscale
(.domain (array 0 20))
(.range (array 50 100)))
(-> enter
(.attr "cx" xscale)
(.attr "cy" yscale)
(.attr "r" rscale)
(.style "fill" "steelblue")
(.style "stroke" "black")
(.style "stroke-width" "2")
)
)
(.info js/console "rdata: " @rdata)
)
谢谢
解决方法
要初始化刻度,可以写(.linear(.-scale js / d3)),这有点更简洁.
此外,在这段代码片段中,没有理由使用Atom作为数据.
如果要更新可视化,您可以传递新数据作为参数进行更新,而不是突变原子并调用无参数更新fn.
此外,在这段代码片段中,没有理由使用Atom作为数据.
如果要更新可视化,您可以传递新数据作为参数进行更新,而不是突变原子并调用无参数更新fn.
用于链接的线程宏惯性,所以你在那里很好.
那么再一次,你不能比使用直立的Clojure图书馆更加惯用语？查看C2,D3的Clojure(脚本)实现.
(当然,作为主要作者,我有点偏见.)
如果您需要使用D3本身,您可能还需要删除现在已弃用的cljs-d3包装器的来源.
宏是获得更简洁界面(例如,将地图文字扩展为多个(.attr“键”值)调用)的一种方法,但链接宏的语义可以将任何fn注入到链中,这与JavaScript的情况.
例如,您可以编写一个采用d3选择和属性映射的简单fn,并使用doseq为每个映射键/值调用(.attr d3 k v).
实际上,去年Clojure Conj有一个关于这个确切主题(以D3为例)的40 minute talk.