{"published":"2014-01-18 12:45:47","url":"https://blog.bati11.info/entry/2014/01/18/124547","type":"rich","blog_title":"bati11 \u306e \u65e5\u8a18","author_name":"bati11","author_url":"https://blog.hatena.ne.jp/bati11/","height":"190","blog_url":"https://blog.bati11.info/","provider_name":"Hatena Blog","version":"1.0","title":"D3.js\u3067\u30ec\u30fc\u30c0\u30fc\u30c1\u30e3\u30fc\u30c8\u3092\u66f8\u304f\uff082\u65e5\u76ee\uff09","html":"<iframe src=\"https://hatenablog-parts.com/embed?url=https%3A%2F%2Fblog.bati11.info%2Fentry%2F2014%2F01%2F18%2F124547\" title=\"D3.js\u3067\u30ec\u30fc\u30c0\u30fc\u30c1\u30e3\u30fc\u30c8\u3092\u66f8\u304f\uff082\u65e5\u76ee\uff09 - bati11 \u306e \u65e5\u8a18\" class=\"embed-card embed-blogcard\" scrolling=\"no\" frameborder=\"0\" style=\"display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;\"></iframe>","description":"\u524d\u56de\u306e\u7d9a\u304d\u3067\u3059\uff01\u5f15\u304d\u7d9a\u304d\u3001D3.js\u3067\u30ec\u30fc\u30c0\u30fc\u30c1\u30e3\u30fc\u30c8\u3092\u66f8\u304d\u307e\u3059\u3002 \u30ec\u30fc\u30c0\u30fc\u30c1\u30e3\u30fc\u30c8\u306f\u66f8\u304f\u3053\u3068\u306f\u3067\u304d\u307e\u3057\u305f\u304c\u3001SVG\u9818\u57df\u306e\u5927\u304d\u3055\u304c100\u00d7100\u3067\u3042\u308b\u3053\u3068\u304c\u524d\u63d0\u3067\u30b3\u30fc\u30c7\u30a3\u30f3\u30b0\u3055\u308c\u3066\u307e\u3059\u3002 \u305f\u3068\u3048\u3070\u3001\u524d\u56de\u4f5c\u6210\u3057\u305fline\u95a2\u6570\u306f\u3053\u3093\u306a\u611f\u3058\u3067\u3057\u305f\u3002 var dataset = [ [5, 5, 2, 5, 5], [2, 1, 5, 2, 5] ]; var line = d3.svg.line() .x(function(d, i){ return 10 * d * Math.cos(2 * Math.PI / 5 * i - (Math.PI / 2)) + 50; }) .y(function\u2026","categories":["JavaScript","D3.js"],"width":"100%","image_url":null,"provider_url":"https://hatena.blog"}