{"id":3060,"date":"2013-09-24T09:45:20","date_gmt":"2013-09-24T00:45:20","guid":{"rendered":"https:\/\/gunmagisgeek.com\/wordpress\/?p=3060"},"modified":"2013-12-30T18:17:48","modified_gmt":"2013-12-30T09:17:48","slug":"post-3060","status":"publish","type":"post","link":"https:\/\/gunmagisgeek.com\/blog\/d3-js\/3060","title":{"rendered":"\u3010D3.js\u3011\u30af\u30ea\u30c3\u30af\u3057\u305f\u4f4d\u7f6e\u306e\u7def\u5ea6\u7d4c\u5ea6\u3092\u6c42\u3081\u308b"},"content":{"rendered":"<p>\u5c0f\u30cd\u30bf\u3002<br \/>\n<a href=\"http:\/\/shimz.me\/example\/d3js\/geo_template\/pixel2latlong\/\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/gunmagisgeek.com\/blog\/wp-content\/uploads\/2013\/09\/pixel2latlong.jpg\" alt=\"pixel2latlong\" width=\"400\" height=\"446\" class=\"aligncenter size-full wp-image-3061\" srcset=\"https:\/\/gunmagisgeek.com\/blog\/wp-content\/uploads\/2013\/09\/pixel2latlong.jpg 400w, https:\/\/gunmagisgeek.com\/blog\/wp-content\/uploads\/2013\/09\/pixel2latlong-135x150.jpg 135w\" sizes=\"auto, (max-width: 400px) 100vw, 400px\" \/><\/a><\/p>\n<p><a href=\"http:\/\/shimz.me\/example\/d3js\/geo_template\/pixel2latlong\/\">example<\/a><\/p>\n<p>pixel\u5ea7\u6a19\u3068\u7def\u5ea6\u7d4c\u5ea6\u306e\u5909\u63db\u3092\u884c\u3044\u307e\u3059\u3002<\/p>\n<h2>\u30b5\u30f3\u30d7\u30eb<\/h2>\n<pre class=\"lang:js decode:true \" >d3.json(&quot;japan.topojson&quot;, function(json) {\n\td3main(json);\n});\n\nfunction d3main(json){\n\n\tvar geodata = topojson.object(json, json.objects.japan).geometries;\n\n\tprojection = d3.geo\n\t\t.mercator()\t\t\/\/\u6295\u5f71\u6cd5\u306e\u6307\u5b9a\n\t\t.scale(1500)\t\/\/\u30b9\u30b1\u30fc\u30eb\uff08\u30ba\u30fc\u30e0\uff09\u306e\u6307\u5b9a\n\t\t.translate([300,350])\n\t\t.center([139.0032936, 36.3219088]); \/\/\u4e2d\u5fc3\u306e\u5ea7\u6a19\u3092\u6307\u5b9a\n\n\tvar path = d3.geo.path().projection(projection);\u3000\/\/\u6295\u5f71\n\n\tvar svg = d3.select(&quot;svg&quot;);\n\n\tvar map =  svg.append(&quot;svg:g&quot;)\n\t\t.selectAll(&quot;path&quot;)\n\t\t.data(geodata)\n\t\t.enter()\n\t\t.append(&quot;svg:path&quot;)\n\t\t.attr({\n\t\t\t&quot;d&quot;: D(path),\n\t\t\t&quot;fill&quot;: &quot;green&quot;,\n\t\t\t&quot;fill-opacity&quot;: 0.5,\n\t\t\t&quot;stroke&quot;: &quot;black&quot;\n\t\t});\n\t\t\n\t\/\/\u30af\u30ea\u30c3\u30af\u3057\u305f\u4f4d\u7f6e\u306e\u7def\u5ea6\u7d4c\u5ea6\u3092\u53d6\u5f97\t\n\td3.select(&quot;svg&quot;).on(&quot;mousedown.log&quot;, function() {\n\t\td3.select('.resllut').text(&quot;results:&quot; + projection.invert(d3.mouse(this)));\n\t});\n}<\/pre>\n","protected":false},"excerpt":{"rendered":"<p>\u5c0f\u30cd\u30bf\u3002 example pixel\u5ea7\u6a19\u3068\u7def\u5ea6\u7d4c\u5ea6&hellip;<\/p>\n","protected":false},"author":1,"featured_media":3061,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[18],"tags":[],"class_list":["post-3060","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\/3060","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=3060"}],"version-history":[{"count":0,"href":"https:\/\/gunmagisgeek.com\/blog\/wp-json\/wp\/v2\/posts\/3060\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/gunmagisgeek.com\/blog\/wp-json\/wp\/v2\/media\/3061"}],"wp:attachment":[{"href":"https:\/\/gunmagisgeek.com\/blog\/wp-json\/wp\/v2\/media?parent=3060"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/gunmagisgeek.com\/blog\/wp-json\/wp\/v2\/categories?post=3060"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/gunmagisgeek.com\/blog\/wp-json\/wp\/v2\/tags?post=3060"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}