我正在尝试/学习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.
