{"id":4222,"date":"2015-04-21T09:20:22","date_gmt":"2015-04-21T00:20:22","guid":{"rendered":"https:\/\/gunmagisgeek.com\/wordpress\/?p=4222"},"modified":"2015-04-21T09:22:06","modified_gmt":"2015-04-21T00:22:06","slug":"post-4222","status":"publish","type":"post","link":"https:\/\/gunmagisgeek.com\/blog\/d3-js\/4222","title":{"rendered":"\u3010D3.js\u3011Shape Tweening \u7df4\u7fd2\u4e2d"},"content":{"rendered":"<p>D3.js\u3092\u4f7f\u3063\u305fPath\u306e\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\u306b\u3064\u3044\u3066\u52c9\u5f37\u4e2d\u3067\u3059\u3002<br \/>\npath\u8981\u7d20\u306e\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\u306fcircle\u8981\u7d20\u3084rect\u8981\u7d20\u3092\u4f7f\u3063\u305f\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\u3088\u308a\u3001\u3044\u308d\u3044\u308d\u3068\u624b\u9593\u304c\u304b\u304b\u308b\u306e\u3067\u3059\u304c\u3001\u305d\u306e\u4e2d\u3067\u3082\u5730\u7406\u60c5\u5831\u3092\u5143\u306b\u4f5c\u6210\u3057\u305fPath\u3092\u52d5\u304b\u3059\u306e\u306f\u7d50\u69cb\u96e3\u5100\u3060\u3063\u305f\u308a\u3057\u307e\u3059\u3002<\/p>\n<p>\u3067\u3082\u3001\u3053\u308c\u304c\u3067\u304d\u308b\u3068\u3044\u308d\u3044\u308d\u3068\u8868\u73fe\u306e\u5e45\u304c\u5e83\u304c\u308b\u306e\u3067\u3001\u77e5\u6075\u71b1\u3060\u3057\u306a\u304c\u3089\u4e0b\u8a18\u30b5\u30f3\u30d7\u30eb\u3092\u5143\u306b\u7fd2\u4f5c\u3092\u3064\u304f\u3063\u3066\u307f\u307e\u3057\u305f\u3002<\/p>\n<p><a href=\"http:\/\/bl.ocks.org\/mbostock\/3081153\">Shape Tweening<\/a><\/p>\n<h2>Bubbly Gunma<\/h2>\n<p>\u4e0a\u8a18\u30b5\u30f3\u30d7\u30eb\u3092\u5143\u306b\u7fa4\u99ac\u770c\u3092\u30d0\u30d6\u30eb\u3063\u307d\u304f\u3057\u3066\u307f\u307e\u3057\u305f\u3002<\/p>\n<p><a href=\"http:\/\/shimz.me\/example\/d3js\/geo_example3\/geo2circle\/\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/gunmagisgeek.com\/blog\/wp-content\/uploads\/2015\/04\/geo2circle1504201.jpg\" alt=\"Bubbly Gunma\" width=\"590\" height=\"555\" class=\"aligncenter size-full wp-image-4223 border\" srcset=\"https:\/\/gunmagisgeek.com\/blog\/wp-content\/uploads\/2015\/04\/geo2circle1504201.jpg 590w, https:\/\/gunmagisgeek.com\/blog\/wp-content\/uploads\/2015\/04\/geo2circle1504201-159x150.jpg 159w\" sizes=\"auto, (max-width: 590px) 100vw, 590px\" \/><\/a><\/p>\n<p><a href=\"http:\/\/shimz.me\/example\/d3js\/geo_example3\/geo2circle\/\">example<\/a><\/p>\n<p>\u307b\u3068\u3093\u3069\u4e0a\u8a18\u30b5\u30f3\u30d7\u30eb\u306e\u307e\u307e\u3067\u3059\u304c\u3001\u7c21\u5358\u306b\u8aac\u660e\u3059\u308b\u3068\u3001\u5404\u5e02\u30dd\u30ea\u30b4\u30f3\u306e\u4e2d\u5fc3\u5ea7\u6a19\u3092\u53d6\u5f97\u3057\u4e09\u89d2\u95a2\u6570\u3092\u4f7f\u3063\u3066\u5186\u306e\u5ea7\u6a19\u30c7\u30fc\u30bf\u3092\u5225\u306b\u4f5c\u6210\u3057\u3066\u3044\u307e\u3059\u3002\u5186\u306e\u63cf\u304d\u65b9\u306b\u95a2\u3057\u3066\u306f\u4e0b\u8a18\u8a18\u4e8b\u304c\u3068\u3066\u3082\u53c2\u8003\u306b\u306a\u308a\u307e\u3059\u3002<\/p>\n<p><a href=\"http:\/\/yoppa.org\/ma2_10\/1739.html\">openFrameworks \u2013 \u3044\u308d\u3044\u308d\u306a\u65b9\u6cd5\u3067\u5186\u3092\u63cf\u304f\u3001\u30a4\u30f3\u30bf\u30e9\u30af\u30b7\u30e7\u30f3\u3092\u4ed8\u52a0\u3059\u308b<\/a><\/p>\n<h2>\u7dda\u30b0\u30e9\u30d5\u3092\u7fa4\u99ac\u770c\u306b\u3059\u308b<\/h2>\n<p>\u300c\u4f55\u3092\u8a00\u3063\u3066\u3044\u308b\u306e\u304b\u308f\u304b\u3089\u306d\u30fc\u3068\u601d\u3046\u304c\u3001 \u4ffa\u3082\u4f55\u3092\u3084\u308a\u305f\u304b\u3063\u305f\u306e\u304b\u308f\u304b\u3089\u306a\u304b\u3063\u305f\u300d<\/p>\n<p><a href=\"http:\/\/shimz.me\/example\/d3js\/geo_example3\/geo2linechart\/\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/gunmagisgeek.com\/blog\/wp-content\/uploads\/2015\/04\/geo2line1504211.jpg\" alt=\"\u7dda\u30b0\u30e9\u30d5\u3092\u7fa4\u99ac\u770c\u306b\u3059\u308b\" width=\"590\" height=\"391\" class=\"aligncenter size-full wp-image-4224 border\" srcset=\"https:\/\/gunmagisgeek.com\/blog\/wp-content\/uploads\/2015\/04\/geo2line1504211.jpg 590w, https:\/\/gunmagisgeek.com\/blog\/wp-content\/uploads\/2015\/04\/geo2line1504211-226x150.jpg 226w\" sizes=\"auto, (max-width: 590px) 100vw, 590px\" \/><\/a><\/p>\n<p><a href=\"http:\/\/shimz.me\/example\/d3js\/geo_example3\/geo2linechart\/\">example<\/a><\/p>\n<p>\u30ab\u30b9\u30bf\u30e0interpolate\u3092\u4f5c\u6210\u3057\u3066Path\u30c7\u30fc\u30bf\u3092\u88dc\u9593\u3057\u3066\u3044\u307e\u3059\u3002<br \/>\n\u7dda\u30b0\u30e9\u30d5\u2192\u6c34\u5e73\u7dda\u2192\u6c34\u5e73\u7dda(\u5ea7\u6a19\u70b9\u88dc\u9593)\u2192\u7fa4\u99ac\u770c\u3068\u3044\u3046\u611f\u3058\u3067\u5909\u5316\u3055\u305b\u3066\u3044\u3066\u3001\u9593\u306e\uff12\u3064\u304c\u7121\u3044\u3068\u3042\u307e\u308a\u7dba\u9e97\u306a\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\u306b\u306a\u308a\u307e\u305b\u3093\u3002<br \/>\n\u3069\u3046\u3084\u3063\u3066\u7dba\u9e97\u306a\u9077\u79fb\u3092\u4f5c\u308b\u304b\u304cPath\u8981\u7d20\u3092\u30c8\u30e9\u30f3\u30b8\u30b7\u30e7\u30f3\u3055\u305b\u305f\u3044\u3068\u304d\u306e\u96e3\u3057\u3044\u3068\u3053\u308d\u3067\u3059\u306d\u3002<\/p>\n<h2>\u5931\u6557\u4f5c<\/h2>\n<p>\u3061\u306a\u307f\u306b\u9077\u79fb\u306e\u3055\u305b\u304b\u305f\u306b\u5931\u6557\u3059\u308b\u3068\u3001\u4e0b\u8a18\u306e\u3088\u3046\u306a\u3068\u3093\u3067\u3082\u306a\u3044\u52d5\u4f5c\u306b\u306a\u3063\u305f\u308a\u3057\u307e\u3059\u3002<\/p>\n<p><a href=\"http:\/\/shimz.me\/example\/d3js\/geo_example3\/geo2piechart\/\">The \u5931\u6557\u4f5c<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>D3.js\u3092\u4f7f\u3063\u305fPath\u306e\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\u306b\u3064\u3044\u3066&hellip;<\/p>\n","protected":false},"author":1,"featured_media":4223,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[18],"tags":[],"class_list":["post-4222","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-d3-js","has-post-thumbnail-archive"],"_links":{"self":[{"href":"https:\/\/gunmagisgeek.com\/blog\/wp-json\/wp\/v2\/posts\/4222","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/gunmagisgeek.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/gunmagisgeek.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/gunmagisgeek.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/gunmagisgeek.com\/blog\/wp-json\/wp\/v2\/comments?post=4222"}],"version-history":[{"count":0,"href":"https:\/\/gunmagisgeek.com\/blog\/wp-json\/wp\/v2\/posts\/4222\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/gunmagisgeek.com\/blog\/wp-json\/wp\/v2\/media\/4223"}],"wp:attachment":[{"href":"https:\/\/gunmagisgeek.com\/blog\/wp-json\/wp\/v2\/media?parent=4222"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/gunmagisgeek.com\/blog\/wp-json\/wp\/v2\/categories?post=4222"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/gunmagisgeek.com\/blog\/wp-json\/wp\/v2\/tags?post=4222"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}