31:Td7b,{ const svg = d3.create("svg").attr("viewBox", [0, 0, 850, 680]); const path = d3.geoPath(); const color1 = d3 .scaleLinear() .domain(d3.extent(dataset, (d) => d.over1000a)) .range(["hsl(0, 100%, 99%)", "hsl(0, 100%, 40%)"]); const color2 = d3 .scaleLinear() .domain(d3.extent(dataset, (d) => d.over1000)) .range(["hsl(0, 100%, 99%)", "hsl(0, 100%, 40%)"]); //背景 svg .append("g") .append("rect") .attr("width", 850) .attr("height", 680) .attr("fill", "#f0f8ff") .attr("stroke", "none"); //日本の色 svg .attr("fill", "none") .attr("stroke", "#000") .attr("stroke-linejoin", "round") .attr("stroke-linecap", "round"); //都道府県の線 svg .append("path") .attr("stroke-width", 0.5) .attr( "d", path(topojson.mesh(japan, japan.objects.prefectures, (a, b) => a !== b)) ); //国の線 svg .append("path") .attr("stroke-width", 0.5) .attr("d", path(topojson.feature(japan, japan.objects.country))); if (r2 == "全国に対しての割合") { //色わけ svg .selectAll(".prefecture") .data(topojson.feature(japan, japan.objects.prefectures).features) .join("path") .classed("prefecture", true) .attr("stroke-width", 0.2) .attr("d", path) // .attr("fill", (d, i) => `hsla(0, 100%, 50%, ${i * 2}%)`); .attr("fill", (d, i) => color1(dataset.find((dd) => dd.id === +d.id)["over1000a"]) ) .append("title") .text((d) => d.id); //色の例 svg .append("g") .selectAll("rect") .data(d3.range(26)) .join("rect") .attr("fill", (d, i) => color1(d)) .attr("stroke", "none") .attr("x", (d, i) => i * 10 + 50) .attr("y", 60) .attr("width", 15) .attr("height", 20); //説明テキスト svg .append("g") .append("text") .attr("x", 30) .attr("y", 75) .attr("font-family", "sans-serif") .attr("font-size", 10) .text("0％"); svg .append("g") .append("text") .attr("x", 320) .attr("y", 75) .attr("font-family", "sans-serif") .attr("font-size", 10) .text("27％"); } if (r2 == "都道府県内での割合") { //色わけ svg .selectAll(".prefecture") .data(topojson.feature(japan, japan.objects.prefectures).features) .join("path") .classed("prefecture", true) .attr("stroke-width", 0.2) .attr("d", path) // .attr("fill", (d, i) => `hsla(0, 100%, 50%, ${i * 2}%)`); .attr("fill", (d, i) => color2(dataset.find((dd) => dd.id === +d.id)["over1000"]) ) .append("title") .text((d) => d.id); //色の例 svg .append("g") .selectAll("rect") .data(d3.range(26)) .join("rect") .attr("fill", (d, i) => color1(d)) .attr("stroke", "none") .attr("x", (d, i) => i * 10 + 50) .attr("y", 60) .attr("width", 15) .attr("height", 20); //説明テキスト svg .append("g") .append("text") .attr("x", 30) .attr("y", 75) .attr("font-family", "sans-serif") .attr("font-size", 10) .text("0％"); svg .append("g") .append("text") .attr("x", 320) .attr("y", 75) .attr("font-family", "sans-serif") .attr("font-size", 10) .text("3％"); } return svg.node(); }32:Tff1,{ const width = 1000; const height = 500; const svg = d3.create("svg").attr("width", width).attr("height", height); const margin = { top: 50, right: 20, bottom: 50, left: 55 }; const barPadding = 10; // 背景 svg .append("g") .append("rect") .attr("width", width) .attr("height", height) .attr("fill", "#f9f8f9"); // スケール関数 const xScale = d3 .scaleBand() .domain(data5.map((d) => d.prefecture)) .range([margin.left, width - margin.right]) .padding(0.1); const xScale2 = d3 .scaleBand() .domain(data2.map((d) => d.prefecture)) .range([margin.left, width - margin.right]) .padding(0.1); const yScale = d3 .scaleLinear() .domain([0, d3.max(dataset, (d) => d.income)]) .range([height - margin.bottom, margin.top]); // 軸関数 //const xAxis = d3.axisBottom().scale(xScale); const yAxis = d3.axisLeft().scale(yScale).ticks(5); const xAxis = d3.axisBottom().scale(xScale); const xAxis2 = d3.axisBottom().scale(xScale2); //y軸の追加 svg .append("g") .attr("transform", `translate(${margin.left}, 0)`) .call(yAxis) .attr("font-size", 10); if (r1 == "収入順") { //income棒グラフ const rect = svg .append("g") .selectAll("rect") .data(data2) .join("rect") .attr("x", (d) => xScale2(d.prefecture)) .attr("y", (d) => yScale(d.income)) .attr("width", xScale2.bandwidth()) .attr("height", (d) => yScale(0) - yScale(d.income)) .attr("fill", "hsl(80, 61%, 50%)"); //expenses棒グラフ const rect1 = svg .append("g") .selectAll("rect") .data(data5) .join("rect") .attr("x", (d) => xScale2(d.prefecture)) .attr("y", (d) => yScale(d.expenses2)) .attr("width", xScale2.bandwidth()) .attr("height", (d) => yScale(0) - yScale(d.expenses2)) .attr("fill", "hsl(0, 79%, 72%)"); //x軸 svg .append("g") .attr("transform", `translate(0, ${height - margin.bottom})`) .call(xAxis2) .attr("text-anchor", "start") .attr("writing-mode", "vertical-rl") //縦書き .attr("font-size", 10); } else if (r1 == "支出順") { //income棒グラフ const rect = svg .append("g") .selectAll("rect") .data(dataset) .join("rect") .attr("x", (d) => xScale(d.prefecture)) .attr("y", (d) => yScale(d.income)) .attr("width", xScale2.bandwidth()) .attr("height", (d) => yScale(0) - yScale(d.income)) .attr("fill", "hsl(80, 61%, 50%)"); //expenses棒グラフ const rect1 = svg .append("g") .selectAll("rect") .data(data5) .join("rect") .attr("x", (d) => xScale(d.prefecture)) .attr("y", (d) => yScale(d.expenses2)) .attr("width", xScale2.bandwidth()) .attr("height", (d) => yScale(0) - yScale(d.expenses2)) .attr("fill", "hsl(0, 79%, 72%)"); //x軸 svg .append("g") .attr("transform", `translate(0, ${height - margin.bottom})`) .call(xAxis) .attr("text-anchor", "start") .attr("writing-mode", "vertical-rl") //縦書き .attr("font-size", 10); } //文字の横の四角 svg .append("g") .selectAll("rect") .data([1, 2]) .join("rect") .attr("x", (d, i) => 400 + 100 * i) .attr("y", margin.top - 20) .attr("width", 10) .attr("height", 10) .attr("fill", function (d, i) { if (i == 0) { return "#9acd32"; } else { return "#f08080"; } }); svg .append("g") .selectAll("text") .data(["年間収入", "支出"]) .join("text") .attr("x", (d, i) => 420 + 100 * i) .attr("y", margin.top - 10) .attr("font-family", "sans-serif") .attr("font-size", 11) .attr("font-weight", "bold") .attr("fill", "#595857") .text((d) => d); svg .append("g") .append("text") .attr("x", 15) .attr("y", 40) .attr("font-family", "sans-serif") .attr("font-size", 10) .text("（千円）"); return svg.node(); }33:T1232,{ const width = 800; const height = 800; const margin = { top: 60, right: 30, bottom: 55, left: 65 }; const svg = d3.create("svg").attr("width", width).attr("height", height); let yScale3; const xScale = d3 .scaleLinear() //.domain([0, d3.max(dataset, (d) => d.x)]) .domain([40, 60]) .range([margin.left, width - margin.right]); const yScale = d3 .scaleLinear() //.domain([0, d3.max(dataset, (d) => d.y)]) .domain([0.4, 1.1]) .range([height - margin.bottom, margin.top]); const yScale2 = d3 .scaleLinear() //.domain([0, d3.max(dataset, (d) => d.y)]) .domain([0, 2.5]) .range([height - margin.bottom, margin.top]); if (r3 == "全国（東京・神奈川以外）") { yScale3 = yScale; } else if (r3 == "東京・神奈川含む") { yScale3 = yScale2; } svg .append("rect") .attr("width", width) .attr("height", height) .attr("fill", "#f9f8f9"); //円の生成 const circle = svg .selectAll("circle") .data(dataset) .join("circle") .attr("cx", (d) => xScale(d.working)) .attr("cy", (d) => yScale3(d.over1000)) .attr("r", 4) .attr("fill", "hsl(80, 61%, 55%)") .attr("opacity", 0.8); const xAxis = d3.axisBottom(); xAxis.scale(xScale).ticks(5); svg .append("g") .attr("transform", `translate(0,${height - margin.bottom})`) .attr("font-weight", "bold") .call(xAxis) .append("text") .attr("fill", "black") .attr("x", (width - margin.left - margin.right) / 2 + margin.left) .attr("y", 35) .attr("text-anchor", "middle") .attr("font-size", "10pt") .attr("font-weight", "bold") .attr("font-family", "sans-serif") .text("共働き割合"); const yAxis = d3.axisLeft(); yAxis.scale(yScale3).ticks(5); svg .append("g") .attr("transform", `translate(${margin.left},0)`) .attr("font-weight", "bold") .call(yAxis) .append("text") .attr("fill", "black") .attr("x", -(height - margin.top - margin.bottom) / 2 - margin.top) .attr("y", -35) .attr("transform", "rotate(-90)") .attr("text-anchor", "middle") .attr("font-weight", "bold") .attr("font-size", "10pt") .attr("font-family", "sans-serif") .text("1000万以上人口割合"); svg .append("g") .selectAll("text") .data(dataset) .join("text") .text((d) => d.prefecture) .attr("text-anchor", "middle") .attr("x", (d) => xScale(d.working)) .attr("y", (d) => yScale3(d.over1000) - 5) .attr("fill", "hsl(0, 79%, 62%)") .attr("font-family", "sans-serif") .attr("font-weight", "lighter") //lighter .attr("font-size", 10); //ツールチップ const tooltip = svg .append("g") .attr("class", "tooltip") .style("pointer-events", "none") .style("visibility", "hidden"); //textBox tooltip .append("rect") .attr("fill", "white") .attr("stroke", "orange") .attr("x", 420) .attr("y", 200) .attr("width", 200) .attr("height", 100) .attr("opacity", 0.8); const showMyTooltip = (event) => { const mouseX = d3.pointer(event)[0] + 10; const mouseY = d3.pointer(event)[1] + 10; const datum = d3.select(event.target).datum(); // tooltip.attr("transform", `translate(${mouseX},${mouseY})`); tooltip .selectAll("text") .data([ { label: "都道府県", value: datum.prefecture }, { label: "共働き割合", value: datum.working }, { label: "1000万位上割合", value: datum.over1000 } ]) .attr("fill", "sienna") .join("text") .text((d) => `${d.label}: ${d.value}`) .attr("x", 440) .attr("y", (d, i) => 230 + 25 * i); // .attr("fill", (d, i) => (i === 0 ? "#800" : "gray")) // .attr("font-weight", (d, i) => (i === 0 ? "bold" : "normal")); tooltip.style("visibility", "visible"); // console.log(event.currentTarget); d3.select(event.currentTarget).attr("fill-opacity", 1); //かざした時の色 }; const hideMyTooltip = (event) => { tooltip.style("visibility", "hidden"); // console.log(event.currentTarget); d3.select(event.currentTarget).attr("fill-opacity", 0.8); }; circle .on("pointerenter pointermove", showMyTooltip) .on("pointerleave", hideMyTooltip); // const g = svg // .selectAll("g") // .data(d3.range(10)) // .join("g") // .attr("transform", (d) => `translate(${d * 75}, 0)`) // .attr("fill", "black") // .attr("opacity", 1); // // グループ要素にpath要素を追加し、d属性にheartPathのd属性を指定 // nami.append("path").attr("d", namiPath); return svg.node(); }34:T5d5,namisen = svg``35:[{"id":"026bc4023d3033cd9a0c795a42c153bfb442d281b3f713eef223f667849d196a2454e3210e6243663ceeb18e5b8d3b82f1f2911adcbad6459838e2be3cb8f9c5","href":"https://static.observableusercontent.com/files/026bc4023d3033cd9a0c795a42c153bfb442d281b3f713eef223f667849d196a2454e3210e6243663ceeb18e5b8d3b82f1f2911adcbad6459838e2be3cb8f9c5","name":"san@1.png","type":"image/png","lastModified":1641533505294.04,"size":65048},{"id":"74ef01880fd79cd36781f3606b71e1e1ba34b28f8876f8de1714a5486804f560d7172657197cc30562905dfee795a835896db9c8856b1645f66d4154fc1dafb4","href":"https://static.observableusercontent.com/files/74ef01880fd79cd36781f3606b71e1e1ba34b28f8876f8de1714a5486804f560d7172657197cc30562905dfee795a835896db9c8856b1645f66d4154fc1dafb4","name":"shush.png","type":"image/png","lastModified":1641532842438.718,"size":336079},{"id":"5bbc83bafa21a6da94e4529505e1271a02eff52a9234f0fd396dd62402b54f34edfcc83663f43be50c4544ce4c1e8dd15a7f0cf754abda2a0e0be0ded262c038","href":"https://static.observableusercontent.com/files/5bbc83bafa21a6da94e4529505e1271a02eff52a9234f0fd396dd62402b54f34edfcc83663f43be50c4544ce4c1e8dd15a7f0cf754abda2a0e0be0ded262c038","name":"seido@1.png","type":"image/png","lastModified":1643273393817.181,"size":53245},{"id":"f0fc2aa950c4c6aa59cba602b661f28adfeba475e3333d4b6e6afc6bfe0e62f8352480678272dfbd06eb9b5f6bf4a98dd7bf7c87af76c7427297a1142da6b4eb","href":"https://static.observableusercontent.com/files/f0fc2aa950c4c6aa59cba602b661f28adfeba475e3333d4b6e6afc6bfe0e62f8352480678272dfbd06eb9b5f6bf4a98dd7bf7c87af76c7427297a1142da6b4eb","name":"po@1.png","type":"image/png","lastModified":1641493584683.002,"size":84566},{"id":"ab4d90d5e604bd1d51b6983fa143cac9ad2f75689ae25c035abdafff1d5875e516627da9493a9704de7d7105705a7cc38273551020416a13bbf6d1331d5c701e","href":"https://static.observableusercontent.com/files/ab4d90d5e604bd1d51b6983fa143cac9ad2f75689ae25c035abdafff1d5875e516627da9493a9704de7d7105705a7cc38273551020416a13bbf6d1331d5c701e","name":"1000a.png","type":"image/png","lastModified":1641532842412.456,"size":304655},{"id":"1794ef5c5a0422154cbdb7b6af0ba2df8f7f921a394b45dcc67c861a441c35513800df1163b4f2eb8f81470779efdd9c6b217ca72ad829f99934e3d6b3aa913d","href":"https://static.observableusercontent.com/files/1794ef5c5a0422154cbdb7b6af0ba2df8f7f921a394b45dcc67c861a441c35513800df1163b4f2eb8f81470779efdd9c6b217ca72ad829f99934e3d6b3aa913d","name":"kyufu@1.png","type":"image/png","lastModified":1641528492389.026,"size":136953},{"id":"823f62a592f4b23f7d907a7bef44887b8368329cbcd70e73fc74699a5aa1c0066b94d8911f4abc507eeb9a4230b03938e01219627160924fe1fd131b3b833649","href":"https://static.observableusercontent.com/files/823f62a592f4b23f7d907a7bef44887b8368329cbcd70e73fc74699a5aa1c0066b94d8911f4abc507eeb9a4230b03938e01219627160924fe1fd131b3b833649","name":"tomo.png","type":"image/png","lastModified":1641493454691.286,"size":105689},{"id":"9df65cde29e8d21b809d533360f4b0d096272ded6cee361eecb506f6c350cdec5b03c3fc32b5b0ca1b5da002af9d391b5c41b75590aa1cfcfc77320e65f9d8d4","href":"https://static.observableusercontent.com/files/9df65cde29e8d21b809d533360f4b0d096272ded6cee361eecb506f6c350cdec5b03c3fc32b5b0ca1b5da002af9d391b5c41b75590aa1cfcfc77320e65f9d8d4","name":"syo.png","type":"image/png","lastModified":1641493454714.403,"size":115902},{"id":"7dd1e77dbc8814ca096f83fc9a5db25713980f93317796d43766c33543a71f1dd8cf35dc86d2f26b12be0dc426c15648fc68fa26db854a438eacad8f0a989b6b","href":"https://static.observableusercontent.com/files/7dd1e77dbc8814ca096f83fc9a5db25713980f93317796d43766c33543a71f1dd8cf35dc86d2f26b12be0dc426c15648fc68fa26db854a438eacad8f0a989b6b","name":"sa.png","type":"image/png","lastModified":1641493454563.927,"size":81382},{"id":"08263ea4a52864d784b5b099ec87c686ffd5ffbc752b7315599915492acf6b281bb87fc846eaa5390d7fcffd0fe722b09ed1a0756abb45ce19cd1f56673ec93d","href":"https://static.observableusercontent.com/files/08263ea4a52864d784b5b099ec87c686ffd5ffbc752b7315599915492acf6b281bb87fc846eaa5390d7fcffd0fe722b09ed1a0756abb45ce19cd1f56673ec93d","name":"19.png","type":"image/png","lastModified":1641493454521.891,"size":74387},{"id":"c123e458b9e37e7c3651e1a78d8c285b109211815df87349b2b1d23a33ce7d3fcea07c50cd536929f343a3b9ea06924945d9134ee54d866e6a1fe3192849f0fc","href":"https://static.observableusercontent.com/files/c123e458b9e37e7c3651e1a78d8c285b109211815df87349b2b1d23a33ce7d3fcea07c50cd536929f343a3b9ea06924945d9134ee54d866e6a1fe3192849f0fc","name":"1000.png","type":"image/png","lastModified":1641493454506.93,"size":59323},{"id":"90da44bdffed90634dddf3b37a6a68b16b57db09d5988154389b867f24bd11b51d00a0cd6ea056863d7aea3983a437814600bbed7a93818929641a660008d306","href":"https://static.observableusercontent.com/files/90da44bdffed90634dddf3b37a6a68b16b57db09d5988154389b867f24bd11b51d00a0cd6ea056863d7aea3983a437814600bbed7a93818929641a660008d306","name":"syu.png","type":"image/png","lastModified":1641493454501.264,"size":61698}] 2f:{"title":"政府の10万円給付について考える一律所得制限に着目して","cells":[{"id":938,"value":"bannerTitleTwoLine(\n \"政府の10万円給付について考える\",\n \"一律所得制限に着目して\",\n \"yellowgreen\",\n \"white\"\n)","pinned":false,"hidden":false,"mode":"ojs"},{"id":74,"value":"## 子育て世代への10万円給付をめぐり、報道後所得制限に対し世間から多くの不満の声が挙げられた。\n","pinned":false,"hidden":false,"mode":"md"},{"id":960,"value":"## 960万以上収入ある人は少ない。960万以上という高収入があるにも関わらず、なぜこのような不満の声が多く挙げられるのか？","pinned":false,"hidden":false,"mode":"md"},{"id":92,"value":"##### 事前の報道などでは「年収960万円」という基準が注目されていたが、これはモデルケースでの場合。扶養家族が3人未満の場合はこれより基準が低くなるなど、一律の基準ではない。また、一部の市区町村では、独自に支給対象を追加し、所得制限なしに支給が実施されるところもある。","pinned":false,"hidden":false,"mode":"md"},{"id":1069,"value":"***","pinned":false,"hidden":false,"mode":"md"},{"id":1129,"value":"### ここでは仮説を立てデータを読み解きながら、なぜ多くの不満の声が挙げられているのかを考えていく。","pinned":false,"hidden":false,"mode":"md"},{"id":137,"value":"\n## 仮説\n#### 全国の人々からの不満の声ではなく、主に東京などの都市部に住んでいる人たちが他の都道府県より生活費にお金がかかるため、960万以上という高収入があっても十分ではないと感じている。\n","pinned":false,"hidden":false,"mode":"md"},{"id":1150,"value":"***","pinned":false,"hidden":false,"mode":"md"},{"id":1137,"value":"#### 私が立てた仮説は上記の通りだ。この記事の読者はぜひ自分の仮説を立て、読み進めていただきたい。\n","pinned":false,"hidden":false,"mode":"md"},{"id":1064,"value":"***","pinned":false,"hidden":false,"mode":"md"},{"id":978,"value":"{\n const width = 1200;\n const height = 100;\n\n const svg = d3.create(\"svg\").attr(\"width\", width).attr(\"height\", height);\n\n svg\n .append(\"g\")\n .append(\"rect\")\n .attr(\"width\", width)\n .attr(\"height\", height)\n .attr(\"fill\", \"yellowgreen\");\n\n svg\n .append(\"g\")\n .append(\"text\")\n .attr(\"x\", 15)\n .attr(\"y\", 75)\n .attr(\"fill\", \"white\")\n .attr(\"font-weight\", \"bold\")\n .attr(\"font-size\", 45)\n .text(\"個人年収1000万円以上割合\");\n svg\n .append(\"g\")\n .append(\"text\")\n .attr(\"x\", 560)\n .attr(\"y\", 73)\n .attr(\"fill\", \"white\")\n .attr(\"font-weight\", \"bold\")\n .attr(\"font-size\", 13)\n .text(\n \"（960万円以上の都道府県の割合のデータが見つからなかったため、1000万円以上のデータ利用）\"\n );\n return svg.node();\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":534,"value":"viewof r2 = Inputs.radio([\"全国に対しての割合\", \"都道府県内での割合\"], {\n label: \"割合選択\",\n value: \"全国に対しての割合\"\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":422,"value":"$31","pinned":false,"hidden":false,"mode":"ojs"},{"id":1102,"value":"###### データ元　国税庁『令和元年度版統計年報』より、給与所得者の納付状況から算出　https://gentosha-go.com/articles/-/37592","pinned":false,"hidden":false,"mode":"md"},{"id":647,"value":"### まずは高所得者が都市部に住んでいるのかを見る。","pinned":false,"hidden":false,"mode":"md"},{"id":1170,"value":"### ＜全国に対しての割合＞\n#### 1000万円以上所得者の人々のみで見た時に、どの地域に多く分布しているかを図示している。（その都道府県の1000万以上所得者数を1000万以上所得者数全体で割った割合）\n- 東京に27％もの高所得者がいることが目立つ。\n- 三大都市圏とその周辺に多く分布していることも読み取れる。","pinned":false,"hidden":false,"mode":"md"},{"id":1181,"value":"### ＜都道府県内での割合＞\n#### 1000万円以上所得者が都道府県内にどの程度分布しているかを図示している。（1000万円以上所得者数をその都道府県の人口で割ったもの）\n- 先ほどの全国に対しての割合より差が少なが、やはり三大都市圏とその周辺の地域ほど高所得者の割合が高いと読み取れる。","pinned":false,"hidden":false,"mode":"md"},{"id":1058,"value":"***","pinned":false,"hidden":false,"mode":"md"},{"id":1035,"value":"{\n const width = 1200;\n const height = 100;\n\n const svg = d3.create(\"svg\").attr(\"width\", width).attr(\"height\", height);\n\n svg\n .append(\"g\")\n .append(\"rect\")\n .attr(\"width\", width)\n .attr(\"height\", height)\n .attr(\"fill\", \"yellowgreen\");\n\n svg\n .append(\"g\")\n .append(\"text\")\n .attr(\"x\", 15)\n .attr(\"y\", 65)\n .attr(\"fill\", \"white\")\n .attr(\"font-weight\", \"bold\")\n .attr(\"font-size\", 45)\n .text(\"都道府県別平均世帯年収入・世帯消費支出\");\n\n return svg.node();\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":191,"value":"viewof r1 = Inputs.radio([\"支出順\", \"収入順\"], {\n label: \"平均世帯\",\n value: \"支出順\"\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":244,"value":"$32","pinned":false,"hidden":false,"mode":"ojs"},{"id":1103,"value":"###### 収入データ元　e-Stat　2019年全国家計構造調査　所得に関する結果　https://www.e-stat.go.jp/stat-search?page=1&query=2019%E5%B9%B4%E5%85%A8%E5%9B%BD%E5%AE%B6%E8%A8%88%E6%A7%8B%E9%80%A0%E8%AA%BF%E6%9F%BB%E3%80%80%E6%89%80%E5%BE%97%E3%81%AB%E9%96%A2%E3%81%99%E3%82%8B%E7%B5%90%E6%9E%9C","pinned":false,"hidden":false,"mode":"md"},{"id":1120,"value":"###### 支出データ元　家計調査（総務省）　データは総世帯のもの　2015～2019年の平均値　https://jp.gdfreak.com/public/detail/jp010050001070100001/8","pinned":false,"hidden":false,"mode":"md"},{"id":1207,"value":"### 次に大都市に住むには生活費が多くかかるのかを見る。","pinned":false,"hidden":false,"mode":"md"},{"id":1218,"value":"### ＜平均世帯消費支出＞\n- 1位の東京と最下位の沖縄の差は約110万。\n- 都市部ほど生活費がかかる傾向がやや見られた。","pinned":false,"hidden":false,"mode":"md"},{"id":1214,"value":"### ＜平均世帯収入＞\n- 世帯支出と比べ大きな差が見られ、1位の東京と最下位の沖縄では約200万円の差がある。\n-- このことから支出の差（生活費の差）だけで、人々の不満を説明するのは難しい。\n- 上記で見た個人年収1000万円以上割合で低い割合だった富山、福井などの県が上位にきている。--このことが人々の不満に関係している可能性がある。","pinned":false,"hidden":false,"mode":"md"},{"id":1326,"value":"### 富山、福井などの県の世帯収入が多い要因はなんなのだろうか？","pinned":false,"hidden":false,"mode":"md"},{"id":1343,"value":"### 本記事では共働き世帯の割合に注目した。\n#### 具体的には富山や福井などの県に関しては共働き世帯の割合が高いために、個人収入の時と比べて世帯収入の順位が高いと考えた。","pinned":false,"hidden":false,"mode":"md"},{"id":1054,"value":"***","pinned":false,"hidden":false,"mode":"md"},{"id":1046,"value":"{\n const width = 1200;\n const height = 100;\n\n const svg = d3.create(\"svg\").attr(\"width\", width).attr(\"height\", height);\n\n svg\n .append(\"g\")\n .append(\"rect\")\n .attr(\"width\", width)\n .attr(\"height\", height)\n .attr(\"fill\", \"yellowgreen\");\n\n svg\n .append(\"g\")\n .append(\"text\")\n .attr(\"x\", 15)\n .attr(\"y\", 65)\n .attr(\"fill\", \"white\")\n .attr(\"font-weight\", \"bold\")\n .attr(\"font-size\", 45)\n .text(\"個人年収1000万円以上割合と共働きの関係\");\n\n return svg.node();\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":843,"value":"viewof r3 = Inputs.radio([\"全国（東京・神奈川以外）\", \"東京・神奈川含む\"], {\n label: \"選択\",\n value: \"全国（東京・神奈川以外）\"\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":361,"value":"$33","pinned":false,"hidden":false,"mode":"ojs"},{"id":1105,"value":"###### データ元　2017年就業構造基本調査　https://herstory.co.jp/databank/research20181001","pinned":false,"hidden":false,"mode":"md"},{"id":1237,"value":"### ここでは上記の要因を確かめるために、共働き世帯の割合と高所得者の関係について見ていく。","pinned":false,"hidden":false,"mode":"md"},{"id":1241,"value":"### ＜全国（東京・神奈川以外）＞\n- 収入順で富山、福井の世帯年収が高かったのは共働きの割合が高いことが一つの要因と考察できる。\n- 個人年収1000万以上割合が高いほど共働き割合が低いと読み取れる。","pinned":false,"hidden":false,"mode":"md"},{"id":1269,"value":"### ＜東京・神奈川含む＞\n#### 東京・神奈川は外れ値であり、グラフを見やすくするために分けた。しかし、東京や神奈川も個人収入1000万以上の割合が高く、共働き割合が低いグループに入ると言えるだろう。","pinned":false,"hidden":false,"mode":"md"},{"id":1429,"value":"***","pinned":false,"hidden":false,"mode":"md"},{"id":1359,"value":"## 10万円給付の仕組み","pinned":false,"hidden":false,"mode":"md"},{"id":1352,"value":"\nFileAttachment(\"seido@1.png\").image()","pinned":false,"hidden":false,"mode":"ojs"},{"id":1370,"value":"### 上の図は政府の10万円給付のモデルケースを示したものである。\n#### この図からもわかるように、富山や福井などの共働きの割合が高い県では世帯年収が高くても10万円給付をもらえる場合がある。しかし、大都市に多く見られる片働きの世帯では、世帯年収では富山や福井などの県より低くても、10万円給付の対象にはならない。\n#### このことが都市部に住む人たちの不満の要因であると考えられる。","pinned":false,"hidden":false,"mode":"md"},{"id":1294,"value":"***","pinned":false,"hidden":false,"mode":"md"},{"id":1300,"value":"## まとめ\n- 都市部やその周辺の人々が所得制限の対象であるケースが多く、全国からの不満の声ではなく、都市部やその周辺の地域から多くの声が上がった。\n- 都市部には高所得者の人が多く住むが、都市部の生活費は高い傾向にあり、10万円給付を必要としている。\n- 地方と都市部との消費支出の差はそれほど大きくないが、収入の差は大きい。したがって、支出の差が人々の不満の要因の全てとは考えづらい。\n- もう一つの要因として10万円給付の制度上の欠陥が考えられる。地方の共働きではあるが、世帯年収の高い世帯は給付を受けられ、都市部の個人収入の高い片働き世帯が給付を受けられないケースがある。\n- 以上の2点が、高所得があるにも関わらず、10万円給付に対する所得制限に不満の声が上がった要因ではないのだろうか。","pinned":false,"hidden":false,"mode":"md"},{"id":601,"value":"## 以下データ","pinned":false,"hidden":false,"mode":"md"},{"id":912,"value":"space = {\n const width = 800;\n const height = 800;\n\n const svg = d3.create(\"svg\").attr(\"width\", width).attr(\"height\", height);\n\n svg\n .append(\"g\")\n .append(\"rect\")\n .attr(\"width\", width)\n .attr(\"height\", height)\n .attr(\"fill\", \"white\");\n return svg.node();\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":103,"value":"Inputs.table(dataset)","pinned":false,"hidden":false,"mode":"ojs"},{"id":472,"value":"url1 = \"https://docs.google.com/spreadsheets/d/e/2PACX-1vQL4AbZNQlJKzjXwm9TXX-nkEc1uaXtKWGmEWvKJ0lR4lVJBSgteZ8v00kMzgFSBCFDLvRweWJWzZIU/pub?gid=0&single=true&output=tsv\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":111,"value":"dataset = await d3.tsv(url1, d3.autoType)","pinned":false,"hidden":false,"mode":"ojs"},{"id":490,"value":"url2 = \"https://docs.google.com/spreadsheets/d/e/2PACX-1vQL4AbZNQlJKzjXwm9TXX-nkEc1uaXtKWGmEWvKJ0lR4lVJBSgteZ8v00kMzgFSBCFDLvRweWJWzZIU/pub?gid=2048869220&single=true&output=tsv\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":493,"value":"data2 = await d3.tsv(url2, d3.autoType)","pinned":false,"hidden":false,"mode":"ojs"},{"id":514,"value":"url3 = \"https://docs.google.com/spreadsheets/d/e/2PACX-1vQL4AbZNQlJKzjXwm9TXX-nkEc1uaXtKWGmEWvKJ0lR4lVJBSgteZ8v00kMzgFSBCFDLvRweWJWzZIU/pub?gid=649115744&single=true&output=tsv\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":517,"value":"data3 = await d3.tsv(url3, d3.autoType)","pinned":true,"hidden":false,"mode":"ojs"},{"id":556,"value":"url5 = \"https://docs.google.com/spreadsheets/d/e/2PACX-1vQL4AbZNQlJKzjXwm9TXX-nkEc1uaXtKWGmEWvKJ0lR4lVJBSgteZ8v00kMzgFSBCFDLvRweWJWzZIU/pub?gid=123317856&single=true&output=tsv\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":743,"value":"data5 = await d3.tsv(url5, d3.autoType)","pinned":true,"hidden":false,"mode":"ojs"},{"id":108,"value":"prefecture= d3.group(dataset, (d) => d.prefecture)","pinned":false,"hidden":false,"mode":"ojs"},{"id":420,"value":"japan = d3.json(\"https://unpkg.com/jpn-atlas@1/japan/japan.json\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":805,"value":"namiPath = d3.select(namisen).select(\"path\")","pinned":true,"hidden":false,"mode":"ojs"},{"id":801,"value":"$34","pinned":false,"hidden":false,"mode":"ojs"},{"id":932,"value":"import { bannerTitle, bannerTitleTwoLine } from \"@observablehq/banner\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":144,"value":"\n## 考察／結論\n#### 結果的に仮説のように、高所得者は都市部に多いことから、東京や神奈川から多くの不安の声が挙げられると考察できる。しかし、生活費が他県より多くかかることが大きな問題ではなく、政府の所得制限制度に問題があると見えてきた。むしろ生活費、収入、貯蓄の関係を見ると東京などの都市は住みやすいところとも言えるだろう。\n","pinned":false,"hidden":false,"mode":"md"}],"files":"$W35","stdlib":"1","titling":"auto"}