{"version":"1.0","author_name":"lisia","title":"D3.js\u306etransition\u3067\u904a\u3093\u3067\u307f\u308b","categories":["D3.js","JavaScript"],"type":"rich","blog_title":"\u81ea\u5206\u7528\u306e\u5099\u5fd8\u9332","published":"2014-07-03 21:45:39","provider_name":"Hatena Blog","url":"https://lisia.hatenadiary.jp/entry/2014/07/03/214539","image_url":null,"description":"\u5730\u56f3\u3070\u304b\u308a\u3044\u3058\u3063\u3066\u304d\u307e\u3057\u305f\u304c\u3001transition\u3092\u4f7f\u3044\u3001 \u56f3\u5f62\u3092\u9077\u79fb\u3055\u305b\u3066\u904a\u3093\u3067\u307f\u305f\u3044\u3068\u601d\u3044\u307e\u3059\u3002 SVG\u3068\u3001\u56f3\u5f62\u306e\u63cf\u753b \u3053\u3053\u306fD3\u306e\u57fa\u672c\u7684\u306a\u3068\u3053\u308d\u3067\u3059\u3002 \u307e\u305a\u306f\u3044\u3064\u3082\u901a\u308a\u3001svg\u8981\u7d20\u3092\u4f5c\u6210\u3057\u307e\u3059\u3002 // svg var svg = d3.select('body').append('svg').attr({width: 500, height: 500}); \u6b21\u306b\u56f3\u5f62\u3092\u8ffd\u52a0\u3057\u307e\u3057\u3087\u3046\u3002 \u4eca\u56de\u306fcircle\u8981\u7d20\u3092\u8ffd\u52a0\u3057\u307e\u3059\u3002 // circle var circle = svg.append('circle') .attr({ cx: 100, cy: 100, r: 20, fill: '\u2026","provider_url":"https://hatena.blog","author_url":"https://blog.hatena.ne.jp/lisia/","blog_url":"https://lisia.hatenadiary.jp/","html":"<iframe src=\"https://hatenablog-parts.com/embed?url=https%3A%2F%2Flisia.hatenadiary.jp%2Fentry%2F2014%2F07%2F03%2F214539\" title=\"D3.js\u306etransition\u3067\u904a\u3093\u3067\u307f\u308b - \u81ea\u5206\u7528\u306e\u5099\u5fd8\u9332\" class=\"embed-card embed-blogcard\" scrolling=\"no\" frameborder=\"0\" style=\"display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;\"></iframe>","width":"100%","height":"190"}