{"id":3414,"date":"2014-03-04T12:17:35","date_gmt":"2014-03-04T03:17:35","guid":{"rendered":"https:\/\/gunmagisgeek.com\/wordpress\/?p=3414"},"modified":"2018-03-06T12:00:08","modified_gmt":"2018-03-06T03:00:08","slug":"post-3414","status":"publish","type":"post","link":"https:\/\/gunmagisgeek.com\/blog\/d3-js\/3414","title":{"rendered":"\u3010D3\u30d7\u30e9\u30b0\u30a4\u30f3\u3011\u30d5\u30ed\u30a2\u30de\u30c3\u30d7\u3092\u8868\u793a\u3059\u308b\u300cFloor Plan\u300d"},"content":{"rendered":"<p><a href=\"http:\/\/shimz.me\/example\/d3js\/floorplan\/\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/gunmagisgeek.com\/blog\/wp-content\/uploads\/2014\/03\/d3floorplan20140304.jpg\" alt=\"d3 floorplan\" width=\"590\" height=\"395\" class=\"aligncenter size-full wp-image-3416 border\" srcset=\"https:\/\/gunmagisgeek.com\/blog\/wp-content\/uploads\/2014\/03\/d3floorplan20140304.jpg 590w, https:\/\/gunmagisgeek.com\/blog\/wp-content\/uploads\/2014\/03\/d3floorplan20140304-224x150.jpg 224w\" sizes=\"auto, (max-width: 590px) 100vw, 590px\" \/><\/a><\/p>\n<p><a href=\"http:\/\/shimz.me\/example\/d3js\/floorplan\/\">example<\/a><\/p>\n<p>\u300c<a href=\"http:\/\/dciarletta.github.io\/d3-floorplan\/\">Floor Plan<\/a>\u300d\u306f\u56f3\u9762\u4e0a\u306b\u30ec\u30a4\u30e4\u30fc\u3092\u91cd\u306d\u3066\u3001\u30dd\u30ea\u30f3\u30b4\u30f3\u30c7\u30fc\u30bf\u3084\u30d1\u30b9\u30c7\u30fc\u30bf\u3001\u30d2\u30fc\u30c8\u30de\u30c3\u30d7\u30c7\u30fc\u30bf\u306a\u3069\u3092\u8868\u793a\u3067\u304d\u308b\u3001D3\u30d7\u30e9\u30b0\u30a4\u30f3\u3067\u3059\u3002<\/p>\n<p>\u7c21\u5358\u306b\u4f7f\u3048\u3066\u308f\u308a\u3068\u5b9f\u7528\u7684\u304b\u3082\u3002<\/p>\n<p>\u9593\u53d6\u308a\u56f3\u306e\u8868\u793a\u306a\u3093\u304b\u306b\u4f7f\u3048\u308b\u304b\u3082\u3057\u308c\u307e\u305b\u3093\u3002<\/p>\n<h2>\u30b5\u30f3\u30d7\u30eb\u30b3\u30fc\u30c9<\/h2>\n<pre class=\"lang:js decode:true \" >var w = 720;\nvar h = 487;\n\n\/\/\u30b9\u30b1\u30fc\u30eb\u306e\u6307\u5b9a\nvar xscale = d3.scale.linear()\n    .domain([0,50.0])\n    .range([0, w]);\n               \nvar yscale = d3.scale.linear()\n    .domain([0,33.79])\n    .range([0, h]);\n\n\/\/\u521d\u671f\u5316              \nvar map = d3.floorplan().xScale(xscale).yScale(yscale);\nvar imagelayer = d3.floorplan.imagelayer();\nvar heatmap = d3.floorplan.heatmap();\nvar pathplot = d3.floorplan.pathplot();\nvar overlays = d3.floorplan.overlays().editMode(true);\nvar mapdata = {};\n\n\n\/\/\u30d9\u30fc\u30b9\u3068\u306a\u308b\u753b\u50cf\u30c7\u30fc\u30bf\u306e\u8aad\u307f\u8fbc\u307f\nmapdata[imagelayer.id()] = [{\n    url: 'demo.jpg',\n    x: 0,\n    y: 0,\n    height: 33.79,\n    width: 50.0\n}];\n\n\/\/\u30ec\u30a4\u30e4\u30fc\u306e\u8ffd\u52a0    \nmap.addLayer(imagelayer)\n   .addLayer(heatmap)\n   .addLayer(pathplot)\n   .addLayer(overlays);\n\n   \n\/\/\u30dd\u30ea\u30b4\u30f3\u3001\u30d2\u30fc\u30c8\u30de\u30c3\u30d7\u3001\u30d1\u30b9\u30c7\u30fc\u30bf\u306e\u8aad\u307f\u8fbc\u307f   \nd3.json(\"data.json\", function(data) {\n    mapdata[heatmap.id()] = data.heatmap;\n    mapdata[overlays.id()] = data.overlays;\n    mapdata[pathplot.id()] = data.pathplot;\n\n    \/\/\u30d5\u30ed\u30a2\u30de\u30c3\u30d7\u8868\u793a\n    d3.select(\"#demo\").append(\"svg\")\n        .attr(\"width\", w)\n        .attr(\"height\", h)\n        .datum(mapdata)\n        .call(map);\n});\n<\/pre>\n<p>\u30c7\u30e2\u753b\u50cf\u306b\u306f\u3001<span class=\"removed_link\" title=\"http:\/\/www.city.fukui.lg.jp\/sigoto\/keiyaku\/nyusatu\/h25jihanki.html\">\u798f\u4e95\u5e02\u306e\u81ea\u52d5\u8ca9\u58f2\u6a5f\u8a2d\u7f6e\u5834\u6240\u4f4d\u7f6e\u56f3<\/span>\u3092\u5229\u7528\u3055\u305b\u3066\u3044\u305f\u3060\u304d\u307e\u3057\u305f\u3002<\/p>\n","protected":false},"excerpt":{"rendered":"<p>example \u300cFloor Plan\u300d\u306f\u56f3\u9762\u4e0a\u306b&hellip;<\/p>\n","protected":false},"author":1,"featured_media":3416,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[18],"tags":[],"class_list":["post-3414","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\/3414","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=3414"}],"version-history":[{"count":1,"href":"https:\/\/gunmagisgeek.com\/blog\/wp-json\/wp\/v2\/posts\/3414\/revisions"}],"predecessor-version":[{"id":3417,"href":"https:\/\/gunmagisgeek.com\/blog\/wp-json\/wp\/v2\/posts\/3414\/revisions\/3417"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/gunmagisgeek.com\/blog\/wp-json\/wp\/v2\/media\/3416"}],"wp:attachment":[{"href":"https:\/\/gunmagisgeek.com\/blog\/wp-json\/wp\/v2\/media?parent=3414"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/gunmagisgeek.com\/blog\/wp-json\/wp\/v2\/categories?post=3414"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/gunmagisgeek.com\/blog\/wp-json\/wp\/v2\/tags?post=3414"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}