d3 v4 scatter plot with axis : brush zoom & mousewheel zoom & graph can be panned

demo:

https://yappynoppy.github.io/d3_brushzoom_wheelzoom_enable_pan/

 

* brush zoom : scale of axis depends on range selected in the brush.

* mousewheel zoom : scale of axis depends on the rendering area of SVG.

 

github.com

データに欠損値がある場合の折れ線グラフをd3で描く

See the Pen JzErLB by yappynoppy (@yappynoppy) on CodePen.

 

line.definedを使うことで、

ある点で、線が描かれるどうかを制御できるのですね。

 

参考:

stackoverflow.com

 

(moveとかmoveToとかで関数名検索してたけど、そんな関数は全然無かったのだ。。。(笑) svgではMoveToなのに。。。)

TweetDeckの末尾列を先頭列に移動するブックマークレット

javascript:( function(){ var container_child = document.getElementById("container").firstElementChild; container_child.insertBefore(container_child.lastElementChild, container_child.firstChild); var column_navi_grandson= document.getElementById("column-navigator").firstElementChild.firstElementChild; column_navi_grandson.insertBefore(column_navi_grandson.lastElementChild, column_navi_grandson.firstChild); } )();

 

GitHub - yappynoppy/TweetDeck_MoveLastColumnToFirstColumn

 

f:id:yappynoppy:20190114022401g:plain