31:Tceb,chart = { // データ const dataX = [ 287710, 53729, 50426, 104339, 44688, 45387, 82949, 115386, 104702, 101874, 276562, 259337, 647489, 370579, 102133, 41620, 84812, 40846, 49565, 31946, 76626, 146484, 328290, 70884, 58335, 128220, 450245, 241595, 54294, 48662, 24801, 24280, 91924, 137139, 57607, 33139, 41974, 59469, 31093, 238158, 38467, 60620, 83226, 53762, 47706, 70388, 62396 ]; const dataY = [ 5140, 1204, 1181, 2280, 930, 1041, 1790, 2840, 1909, 1913, 7337, 6266, 14038, 9232, 2153, 802, 2020, 1017, 1118, 753, 1946, 3582, 7495, 1742, 1409, 2550, 8782, 5402, 1306, 903, 544, 658, 1862, 2760, 1313, 704, 934, 1306, 676, 5116, 801, 1283, 1718, 1107, 1052, 1563, 1468 ]; const dataZ = [ "北海道", "青森", "岩手", "宮城", "秋田", "山形", "福島", "茨城", "栃木", "群馬", "埼玉", "千葉", "東京", "神奈川", "新潟", "山梨", "長野", "富山", "石川", "福井", "岐阜", "静岡", "愛知", "三重", "滋賀", "京都", "大阪", "兵庫", "奈良", "和歌山", "鳥取", "島根", "岡山", "広島", "山口", "徳島", "香川", "愛媛", "高知", "福岡", "佐賀", "長崎", "熊本", "大分", "宮崎", "鹿児島", "沖縄" ]; // グラフのサイズとマージン const width = 600; const height = 600; const margin = { top: 20, right: 20, bottom: 20, left: 50 }; // x軸のスケール const xScale = d3 .scaleLinear() .domain([0, d3.max(dataX)]) .range([margin.left, width - margin.right]); // y軸のスケール const yScale = d3 .scaleLinear() .domain([0, d3.max(dataY)]) .range([height - margin.bottom, margin.top]); const diagonal = d3 .line() .x((d) => xScale(d[0])) .y((d) => yScale(d[1])) .curve(d3.curveLinear); // SVG要素の作成 const svg = d3.create("svg").attr("width", width).attr("height", height); // 斜めの線の描画 svg .append("path") .attr( "d", diagonal([ [0, 0], [d3.max(dataX), d3.max(dataY)] ]) ) .attr("stroke", "black") .attr("stroke-width", 1) .attr("fill", "none"); // 散布図の描画 svg .selectAll("circle") .data(dataX) .join("circle") .attr("cx", (d) => xScale(d)) .attr("cy", (d, i) => yScale(dataY[i])) .attr("r", 5) // 円の半径 .attr("fill", "red"); // 赤色で塗りつぶす // 対応する値を表示するテキスト svg .selectAll("text.value") .data(dataZ) .join("text") .attr("class", "value") .attr("font-family", "sans-serif") .attr("font-size", 9) .attr("fill", "black") .attr("x", (d, i) => xScale(dataX[i])) .attr("y", (d, i) => yScale(dataY[i]) - 10) // テキストを少し上にずらす .attr("text-anchor", "middle") .text((d) => d); // x軸の描画 svg .append("g") .attr("transform", `translate(0, ${height - margin.bottom})`) .call(d3.axisBottom(xScale)); // y軸の描画 svg .append("g") .attr("transform", `translate(${margin.left}, 0)`) .call(d3.axisLeft(yScale)); return svg.node(); }32:T47a,barChart = (dataset) => { const width = 900; const height = 200; const svg = d3 .create("svg") .attr("width", width) .attr("height", height) .attr("viewBox", [0, 0, width, height]); const barPadding = 1; // barの間隔を指定 const rects = svg.selectAll("rect").data(dataset).join("rect"); rects .attr("x", (d, i) => i * (width / dataset.length)) .attr("y", (d) => height - (d / d3.max(dataset)) * height) .attr("width", width / dataset.length - barPadding) .attr("height", (d) => d) .attr("fill", "#800") .on("mouseenter", function (event) { d3.select(this).attr("fill", "yellow"); }) .on("mouseleave", function (event) { d3.select(this).attr("fill", "#800"); }); svg .selectAll("text") .data(dataset) .join("text") .attr("font-family", "sans-serif") .attr("font-size", 9) .attr("fill", "white") .attr("x", (d, i) => i * (width / dataset.length)) .attr("y", (d) => height - (d / d3.max(dataset)) * height + 8) .text((d, i) => todouhukenndataset[i]); // todouhukenndatasetの対応する要素を表示 return svg.node(); }33:T64f,barChart3 = (dataset) => { const width = 900; const height = 200; const svg = d3 .create("svg") .attr("width", width) .attr("height", height) .attr("viewBox", [0, 0, width, height]); const barPadding = 1; // barの間隔を指定 const rects = svg.selectAll("rect").data(dataset).join("rect"); function getColorByIndex(index) { var colors = ["blue", "red", "black"]; // 使用する色のリスト return colors[index % colors.length]; // インデックスを色のリストの長さで割った余りを使って色をサイクルさせる } rects .attr("x", (d, i) => i * (width / dataset.length)) .attr("y", (d) => height - (d / d3.max(dataset)) * height) .attr("width", width / dataset.length - barPadding) .attr("height", (d) => d) .attr("fill", (d, i) => getColorByIndex(i)); svg .selectAll("text") .data(dataset) .join("text") .attr("font-family", "sans-serif") .attr("font-size", 9) .attr("fill", "white") .attr("x", (d, i) => i * (width / dataset.length)) .attr("y", (d) => height - (d / d3.max(dataset)) * height + 8) .text((d, i) => dannzyodataset2[i]); // todouhukenndatasetの対応する要素を表示 svg .selectAll("text") .data(dataset) .join("text") .attr("font-family", "sans-serif") .attr("font-size", 9) .attr("fill", "white") .attr("x", (d, i) => i * (width / dataset.length)) .attr("y", (d) => height - (d / d3.max(dataset)) * height + 8) .text((d, i) => dannzyodataset2[i]); // todouhukenndatasetの対応する要素を表示 return svg.node(); }34:T558,barChart2 = (dataset) => { const width = 900; const height = 200; const svg = d3 .create("svg") .attr("width", width) .attr("height", height) .attr("viewBox", [0, 0, width, height]); const barPadding = 1; // barの間隔を指定 const rects = svg.selectAll("rect").data(dataset).join("rect"); function getColorByIndex(index) { var colors = ["blue", "red", "black"]; // 使用する色のリスト return colors[index % colors.length]; // インデックスを色のリストの長さで割った余りを使って色をサイクルさせる } rects .attr("x", (d, i) => i * (width / dataset.length)) .attr("y", (d) => height - (d / d3.max(dataset)) * height) .attr("width", width / dataset.length - barPadding) .attr("height", (d) => d) .attr("fill", (d, i) => getColorByIndex(i)); svg .selectAll("text.label") .data(dataset) .join("text") .attr("class", "label") .attr("font-family", "sans-serif") .attr("font-size", 9) .attr("fill", "black") .attr( "x", (d, i) => i * (width / dataset.length) + (width / dataset.length - barPadding) / 2 ) .attr("y", height - 8) // 一定の高さに調整 .attr("text-anchor", "middle") .text((d, i) => dannzyodataset[i]); // todouhukenndatasetの対応する要素を表示 return svg.node(); }35:T90b,barChart4 = (dataset) => { const width = 900; const height = 200; const svg = d3 .create("svg") .attr("width", width) .attr("height", height) .attr("viewBox", [0, 0, width, height]); const barPadding = 1; // barの間隔を指定 // バーの描画 const rects = svg.selectAll("rect").data(dataset).join("rect"); function getColorByIndex(index) { var colors = ["blue", "red", "black"]; // 使用する色のリスト return colors[index % colors.length]; // インデックスを色のリストの長さで割った余りを使って色をサイクルさせる } rects .attr("x", (d, i) => i * (width / dataset.length)) .attr("y", (d) => height - (d / d3.max(dataset)) * height) .attr("width", width / dataset.length - barPadding) .attr("height", (d) => d) .attr("fill", (d, i) => getColorByIndex(i)); // 追加のテキスト svg .selectAll("text.value") .data(dataset) .join("text") .attr("class", "value") .attr("font-family", "sans-serif") .attr("font-size", 9) .attr("fill", "black") .attr( "x", (d, i) => i * (width / dataset.length) + (width / dataset.length - barPadding) / 2 ) .attr("y", 12) // 一定の高さに調整 .attr("text-anchor", "middle") .text((d, i) => { if (i % 3 === 0) { // 3つごとに繰り返す return "1\n"; } else if (i < dataset.length - 1) { const prevValue = parseFloat(dataset[i - 1]) !== 0 && isFinite(parseFloat(dataset[i - 1]) / parseFloat(d)) ? (parseFloat(d) / parseFloat(dataset[i - 1])) .toFixed(4) .slice(0, -1) : ""; return `${prevValue}\n`; } else { return ""; } }); // 既存のテキストと結合して表示 svg .selectAll("text.label") .data(dataset) .join("text") .attr("class", "label") .attr("font-family", "sans-serif") .attr("font-size", 9) .attr("fill", "white") .attr( "x", (d, i) => i * (width / dataset.length) + (width / dataset.length - barPadding) / 2 ) .attr("y", height - 8) // 一定の高さに調整 .attr("text-anchor", "middle") .text((d, i) => dannzyodataset2[i]); return svg.node(); }36:Tb9f,barChart5 = (dataset) => { const width = 900; const height = 200; const svg = d3 .create("svg") .attr("width", width) .attr("height", height) .attr("viewBox", [0, 0, width, height]); const barPadding = 1; // barの間隔を指定 // バーの描画 const rects = svg.selectAll("rect").data(dataset).join("rect"); function getColorByIndex(index) { var colors = ["blue", "red", "black"]; // 使用する色のリスト return colors[index % colors.length]; // インデックスを色のリストの長さで割った余りを使って色をサイクルさせる } rects .attr("x", (d, i) => i * (width / dataset.length)) .attr("y", (d) => height - (d / d3.max(dataset)) * height) .attr("width", width / dataset.length - barPadding) .attr("height", (d) => d) .attr("fill", (d, i) => getColorByIndex(i)); // 追加のテキスト（棒グラフの上） svg .selectAll("text.value") .data(dataset) .join("text") .attr("class", "value") .attr("font-family", "sans-serif") .attr("font-size", 9) .attr("fill", "black") .attr( "x", (d, i) => i * (width / dataset.length) + (width / dataset.length - barPadding) / 2 ) .attr("y", 12) // 一定の高さに調整 .attr("text-anchor", "middle") .text((d, i) => { if (i % 3 === 0) { // 3つごとに繰り返す return "1\n"; } else if (i < dataset.length - 1) { const prevValue = parseFloat(dataset[i - 1]) !== 0 && isFinite(parseFloat(dataset[i - 1]) / parseFloat(d)) ? (parseFloat(d) / parseFloat(dataset[i - 1])) .toFixed(4) .slice(0, -1) : ""; return `${prevValue}\n`; } else { return ""; } }); // 既存のテキスト（棒グラフの下） svg .selectAll("text.label") .data(dataset) .join("text") .attr("class", "label") .attr("font-family", "sans-serif") .attr("font-size", 9) .attr("fill", "white") .attr( "x", (d, i) => i * (width / dataset.length) + (width / dataset.length - barPadding) / 2 ) .attr("y", height - 8) // 一定の高さに調整 .attr("text-anchor", "middle") .text((d, i) => dannzyodataset[i]); // 追加のテキスト（棒グラフの下） svg .selectAll("text.additionalValue") .data(dataset) .join("text") .attr("class", "additionalValue") .attr("font-family", "sans-serif") .attr("font-size", 9) .attr("fill", "gray") .attr( "x", (d, i) => i * (width / dataset.length) + (width / dataset.length - barPadding) / 2 ) .attr("y", height - 30) // 棒グラフの下に追加 .attr("text-anchor", "middle") .text((d) => d) // 与えられたデータをそのまま表示 .text((d) => (d !== 0 ? d : "")); // 0の場合は空の文字列を表示 return svg.node(); }37:T7d8,barChart7 = (dataset) => { const width = 900; const height = 200; const svg = d3 .create("svg") .attr("width", width) .attr("height", height) .attr("viewBox", [0, 0, width, height]); const barPadding = 1; // barの間隔を指定 // バーの描画 const rects = svg.selectAll("rect").data(dataset).join("rect"); function getColorByIndex(index) { var colors = ["blue", "red", "black"]; // 使用する色のリスト return colors[index % colors.length]; // インデックスを色のリストの長さで割った余りを使って色をサイクルさせる } rects .attr("x", (d, i) => i * (width / dataset.length)) .attr("y", (d) => height - (d / d3.max(dataset)) * height) .attr("width", width / dataset.length - barPadding) .attr("height", (d) => d) .attr("fill", (d, i) => getColorByIndex(i)); // 既存のテキスト（棒グラフの下） svg .selectAll("text.label") .data(dataset) .join("text") .attr("class", "label") .attr("font-family", "sans-serif") .attr("font-size", 9) .attr("fill", "white") .attr( "x", (d, i) => i * (width / dataset.length) + (width / dataset.length - barPadding) / 2 ) .attr("y", height - 8) // 一定の高さに調整 .attr("text-anchor", "middle") .text((d, i) => dannzyodataset[i]); // 追加のテキスト（棒グラフの下） svg .selectAll("text.additionalValue") .data(dataset) .join("text") .attr("class", "additionalValue") .attr("font-family", "sans-serif") .attr("font-size", 9) .attr("fill", "black") .attr( "x", (d, i) => i * (width / dataset.length) + (width / dataset.length - barPadding) / 2 ) .attr("y", 12) // 一定の高さに調整 .attr("text-anchor", "middle") .text((d) => d) // 与えられたデータをそのまま表示 .text((d) => (d !== 0 ? d : "")); // 0の場合は空の文字列を表示 return svg.node(); }38:Td24,barAndDotChart = (dataset1, dataset2) => { const width = 900; const height = 200; const svg = d3 .create("svg") .attr("width", width) .attr("height", height) .attr("viewBox", [0, 0, width, height]); const barPadding = 1; // barの間隔を指定 // バーの描画 const rects = svg.selectAll("rect").data(dataset1).join("rect"); rects .attr("x", (d, i) => i * (width / dataset1.length)) .attr("y", (d) => height - (d / d3.max(dataset1)) * height) .attr("width", width / dataset1.length - barPadding) .attr("height", (d) => d) .attr("fill", "steelblue"); // 点の描画 svg .selectAll("circle") .data(dataset2) .join("circle") .attr( "cx", (d, i) => i * (width / dataset2.length) + (width / dataset2.length - barPadding) / 2 ) .attr("cy", (d) => height - (d / d3.max(dataset2)) * height) .attr("r", 3) // 点の半径 .attr("fill", (d) => (d === 0 ? "transparent" : "red")); // 既存のテキスト（棒グラフの下） svg .selectAll("text.label") .data(dataset1) .join("text") .attr("class", "label") .attr("font-family", "sans-serif") .attr("font-size", 9) .attr("fill", "white") .attr( "x", (d, i) => i * (width / dataset1.length) + (width / dataset1.length - barPadding) / 2 ) .attr("y", height - 8) // 一定の高さに調整 .attr("text-anchor", "middle") .text((d, i) => dannzyodataset[i]); svg .selectAll("text.value") .data(dataset1) .join("text") .attr("class", "value") .attr("font-family", "sans-serif") .attr("font-size", 9) .attr("fill", "steelblue") .attr( "x", (d, i) => i * (width / dataset1.length) + (width / dataset1.length - barPadding) / 2 ) .attr("y", 12) // 一定の高さに調整 .attr("text-anchor", "middle") .text((d, i) => { if (i % 3 === 0) { // 3つごとに繰り返す return "1\n"; } else if (i < dataset1.length - 1) { const prevValue = parseFloat(dataset1[i - 1]) !== 0 && isFinite(parseFloat(dataset1[i - 1]) / parseFloat(d)) ? (parseFloat(d) / parseFloat(dataset1[i - 1])) .toFixed(4) .slice(0, -1) : ""; return `${prevValue}\n`; } else { return ""; } }); svg .selectAll("text.value2") .data(dataset2) .join("text") .attr("class", "value2") .attr("font-family", "sans-serif") .attr("font-size", 9) .attr("fill", "red") .attr( "x", (d, i) => i * (width / dataset2.length) + (width / dataset2.length - barPadding) / 2 ) .attr("y", 20) // 一定の高さに調整 .attr("text-anchor", "middle") .text((d, i) => { if (i % 3 === 0) { // 3つごとに繰り返す return "1\n"; } else if (i < dataset1.length - 1) { const prevValue = parseFloat(dataset2[i - 1]) !== 0 && isFinite(parseFloat(dataset2[i - 1]) / parseFloat(d)) ? (parseFloat(d) / parseFloat(dataset2[i - 1])) .toFixed(4) .slice(0, -1) : ""; return `${prevValue}\n`; } else { return ""; } }); return svg.node(); }39:[{"id":"f9a3aba4a488fd77b5bda848aec8ccef724b630e88bb72e5601293221f4baae4b6bb6ffb84e8aecd4b083afecd109d7665e2cd33f5d16db0f17534ab52809b14","href":"https://static.observableusercontent.com/files/f9a3aba4a488fd77b5bda848aec8ccef724b630e88bb72e5601293221f4baae4b6bb6ffb84e8aecd4b083afecd109d7665e2cd33f5d16db0f17534ab52809b14","name":"スクリーンショット 2023-12-25 13.14.20.jpg","type":"image/jpeg","lastModified":1703477713442.699,"size":198123},{"id":"cc7d603dfdb038f76b701391e6facb87f349099c741ecdb665a7eb8e75a76cf9653d543660f1a5c92ab8b0293ae230fa74a19b9bbe8ef03b31ac9f5fbc7b0224","href":"https://static.observableusercontent.com/files/cc7d603dfdb038f76b701391e6facb87f349099c741ecdb665a7eb8e75a76cf9653d543660f1a5c92ab8b0293ae230fa74a19b9bbe8ef03b31ac9f5fbc7b0224","name":"アセット 1.png","type":"image/png","lastModified":1705218814251.937,"size":61777},{"id":"f53ee891477260f9b3fc602cb3b686d2630c0d2e40483fd7487652127d8be62a0c236f5ee7205b2b17e937a4976918ad87d8ee7d51d97afc552dbc213a30b6dc","href":"https://static.observableusercontent.com/files/f53ee891477260f9b3fc602cb3b686d2630c0d2e40483fd7487652127d8be62a0c236f5ee7205b2b17e937a4976918ad87d8ee7d51d97afc552dbc213a30b6dc","name":"スクリーンショット 2024-01-14 16.55.43.png","type":"image/png","lastModified":1705218976495.592,"size":295968},{"id":"96cc2cc76e9a87057ef9dccf64f819b33c956c5a485f0f91d107fe7ba42114a568ce6bfebbb0a4ef5a8f5fed816d0cce5f729f9245b2502e35706870be2d41c8","href":"https://static.observableusercontent.com/files/96cc2cc76e9a87057ef9dccf64f819b33c956c5a485f0f91d107fe7ba42114a568ce6bfebbb0a4ef5a8f5fed816d0cce5f729f9245b2502e35706870be2d41c8","name":"スクリーンショット 2024-01-14 16.58.30.png","type":"image/png","lastModified":1705219223577.442,"size":234830},{"id":"a92f7ef369691c9cc404ec3ace5874c17e77bd0863b8f72ef870315898a8b554497a0d9cef61adbaebc167a39f266c0e66ead08d4d9d5f00d0786d714ee923b6","href":"https://static.observableusercontent.com/files/a92f7ef369691c9cc404ec3ace5874c17e77bd0863b8f72ef870315898a8b554497a0d9cef61adbaebc167a39f266c0e66ead08d4d9d5f00d0786d714ee923b6","name":"スクリーンショット 2024-01-14 22.30.15.png","type":"image/png","lastModified":1705239031543.258,"size":129781}] 2f:{"title":"献血、どこで一番メジャーなのか？","cells":[{"id":0,"value":"

献血、どこで一番メジャーなのか？

\nKobayashi Yume","pinned":false,"hidden":false,"mode":"md"},{"id":20,"value":"1. 領域とテーマ\n - 献血とデータ\n- タイトル\n - 献血、性別比の推移→献血者を増やすには？\n- データ\n - https://www.jrc.or.jp/donation/blood/data/\n - https://www.stat.go.jp/data/jinsui/2022np/index.html\n - https://www.jmrlsi.co.jp/trend/eye/afternoontea-01.html\n ","pinned":false,"hidden":false,"mode":"md"},{"id":297,"value":"# [献血](https://www.jrc.or.jp/donation/)、したことありますか?\n
\n\n病気やけがなどで輸血を必要としている患者さんの尊い生命を救うため、日本赤十字社では、16～69歳まで※の健康な方に献血のご協力をお願いしています。　(引用:日本赤十字社)

\n少子高齢化の影響もあり、献血量は年々減少しています。(以下のグラフで確認可能)...が！献血者割合も年々減少しています。
\nということで献血について世代ごとの男女比、またどの都道府県が一番しているのかについても調べてみました。

\n参考までに令和四年の男女別献血データ↓","pinned":false,"hidden":false,"mode":"md"},{"id":668,"value":"barChart7([\n 119322, 99526, 0, 417966, 284533, 0, 524329, 233382, 0, 887070, 330840, 0,\n 1075174, 395487, 0, 480307, 146640, 0\n])","pinned":true,"hidden":false,"mode":"ojs"},{"id":149,"value":"# 男女性別比\n
\n令和四年時点で男性の献血者数と女性の献血者数を比べると倍以上の差がついている県がほとんどであった。\n男性が献血している。\n
なんでだろう？と思い年代別のグラフを見ると今の若い人たちほど献血者の男女比が1:1に近づいている。→年代か、世代か。
\n# 並べてみよう\n\n","pinned":false,"hidden":false,"mode":"md"},{"id":367,"value":"献血量年代・性別ごと　上は男女比(棒は令和四年、点は十年前)","pinned":false,"hidden":false,"mode":"md"},{"id":645,"value":"barAndDotChart(\n [\n 119322, 99526, 0, 417966, 284533, 0, 524329, 233382, 0, 887070, 330840, 0,\n 1075174, 395487, 0, 480307, 146640, 0\n ],\n [\n 171259, 136919, 0, 584427, 377991, 0, 811077, 339611, 0, 1077280, 377820, 0,\n 702724, 256827, 0, 262085, 107799, 0\n ]\n) //平成２５年(10年前)","pinned":true,"hidden":false,"mode":"ojs"},{"id":232,"value":"う〜ん人口ピラミッド、壺型。
\n十年前に比べて、男女比は女性が少し増え、1:1に近づいている。\n・男女比について、若い人は世代より年代が高齢層人年代より世代が寄与していそうだ。十年間による献血者数の変化が著しい50代においても、男女比はさして変化していない。若いととりあえず献血してみる人が多いのだろうか？\n・女性の献血割合について60代以外は十年前より増加...というと聞こえはいいが男性の献血者が急減している。女性の献血率もちょっと減っている。\n
\n（考察　妊娠している人と過去六ヶ月に妊娠した人は献血できない→[３０歳前後で出産する人が多いため](https://www.mhlw.go.jp/toukei/saikin/hw/jinkou/tokusyu/syussyo07/dl/gaikyou.pdf)それも一因か？）","pinned":false,"hidden":false,"mode":"md"},{"id":405,"value":"### 余談　学生の献血状況\n
学生へのアンケートも行い、当大学学生の標本調査も行った。(ご協力いただいた27名の学生へここで御礼申し上げます)","pinned":false,"hidden":false,"mode":"md"},{"id":494,"value":"barChart4([400, 400, 0, 800, 500, 0])","pinned":false,"hidden":false,"mode":"ojs"},{"id":418,"value":"結果　若い人は献血をしたことがある人の男女比が1:1に近い、という全国の結果に合致している。","pinned":false,"hidden":false,"mode":"md"},{"id":601,"value":"ちなみにいっぱい献血をする県はどこなのだろう？
献血者数を人口で割った散布図を作ってみた","pinned":false,"hidden":false,"mode":"md"},{"id":547,"value":"$31","pinned":false,"hidden":false,"mode":"ojs"},{"id":445,"value":"# 埼玉、神奈川\nやはり都市圏。居住地カウントのためどこで献血しようと結果は変わらない。\n北海道と大阪は低い！意外だ","pinned":false,"hidden":false,"mode":"md"},{"id":453,"value":"## これらの結果を踏まえて献血量を増やすためには？\n
都心部で人口が多いのにもかかわらず、献血者割合が少ない若年、壮年層の女性をターゲットにすることが有効では？

\n\n→提案**「[献血カフェ](https://www.bs.jrc.or.jp/tkhr/gifu/2018/11/cafede-11.html)」の常設化**、
\nまたは**ビュッフェ・アフタヌーンティ・ホテルなどのコラボ**。

\n\n[女性の娯楽として、食事の占める割合が大きい](https://www.jmrlsi.co.jp/trend/eye/afternoontea-01.html)かつ、興味を持ってもらいやすいのではないか。また献血時に空腹状態は好ましくなく、水分補給も必須であるため、食事系コンテンツ(特に飲み物と関連が大きいアフタヌーンティ)は献血と相性が良いと思われる。\n

また、海外では献血のモチベーションを上げるためさまざまなコラボが行われている...?(真偽不明)\nhttps://mag.sendenkaigi.com/kouhou/201408/honda-global-topics/002728.php

\nhttps://predge.jp/94533/\nまた日本でも進撃の巨人などアニメコラボが多く行われている。\n

改善点　献血割合が少ない理由はモチベーション、認知度でどうにもできないレベルの体調面での問題がある可能性。貧血の人が多いなどあれば提案の再考は必須","pinned":false,"hidden":false,"mode":"md"},{"id":596,"value":"追記　厚生労働省がまとめた「令和元年国民健康・栄養調査報告」によると、ヘモグロビン値が基準を下回っている割合は男性で約10%、女性で約13%に上っており、10人に1人は貧血であることがわかります。（厚生労働省「令和元年国民健康・栄養調査報告」より）
...ヘモグロビン値はそこまで性別差がない...?ではなぜ女性の献血者は少ないのか...?モチベで解決できるのか...?\n","pinned":false,"hidden":false,"mode":"md"},{"id":701,"value":"### 献血に興味が湧いた方はこちらへ→https://www.bs.jrc.or.jp/ktks/tokyo/donation/index.html","pinned":false,"hidden":false,"mode":"md"},{"id":304,"value":"

以下、テスト・データ群","pinned":false,"hidden":false,"mode":"md"},{"id":360,"value":"dataset = [\n 287710 / 5140,\n 53729 / 1204,\n 50426 / 1181,\n 104339 / 2280,\n 44688 / 930,\n 45387 / 1041,\n 82949 / 1790,\n 115386 / 2840,\n 104702 / 1909,\n 101874 / 1913,\n 276562 / 7337,\n 259337 / 6266,\n 647489 / 14038,\n 370579 / 9232,\n 102133 / 2153,\n 41620 / 1017,\n 84812 / 1118,\n 40846 / 753,\n 49565 / 802,\n 31946 / 2020,\n 76626 / 1946,\n 146484 / 3582,\n 328290 / 7495,\n 70884 / 1742,\n 58335 / 1409,\n 128220 / 2550,\n 450245 / 8782,\n 241595 / 5402,\n 54294 / 1306,\n 48662 / 903,\n 24801 / 544,\n 24280 / 658,\n 91924 / 1862,\n 137139 / 2760,\n 57607 / 1313,\n 33139 / 704,\n 41974 / 934,\n 59469 / 1306,\n 31093 / 676,\n 238158 / 5116,\n 38467 / 801,\n 60620 / 1283,\n 83226 / 1718,\n 53762 / 1107,\n 47706 / 1052,\n 70388 / 1563,\n 62396 / 1468\n]","pinned":false,"hidden":false,"mode":"ojs"},{"id":308,"value":"todouhukenndataset = [\n \"北海道\",\n \"青森\",\n \"岩手\",\n \"宮城\",\n \"秋田\",\n \"山形\",\n \"福島\",\n \"茨城\",\n \"栃木\",\n \"群馬\",\n \"埼玉\",\n \"千葉\",\n \"東京\",\n \"神奈川\",\n \"新潟\",\n \"山梨\",\n \"長野\",\n \"富山\",\n \"石川\",\n \"福井\",\n \"岐阜\",\n \"静岡\",\n \"愛知\",\n \"三重\",\n \"滋賀\",\n \"京都\",\n \"大阪\",\n \"兵庫\",\n \"奈良\",\n \"和歌山\",\n \"鳥取\",\n \"島根\",\n \"岡山\",\n \"広島\",\n \"山口\",\n \"徳島\",\n \"香川\",\n \"愛媛\",\n \"高知\",\n \"福岡\",\n \"佐賀\",\n \"長崎\",\n \"熊本\",\n \"大分\",\n \"宮崎\",\n \"鹿児島\",\n \"沖縄\"\n]","pinned":false,"hidden":false,"mode":"ojs"},{"id":316,"value":"$32","pinned":false,"hidden":false,"mode":"ojs"},{"id":499,"value":"dannzyodataset2 = [\n \"献血をしたことがある　男\",\n \"献血をしたことがある　女\",\n \"\",\n \"献血をしたことがない　男\",\n \"献血をしたことがない　女\"\n]","pinned":false,"hidden":false,"mode":"ojs"},{"id":332,"value":"dannzyodataset = [\n \"16～19男\",\n \"16～19女\",\n \"\",\n \"20～29男\",\n \"20～29女\",\n \"\",\n \"30～39男\",\n \"30～39女\",\n \"\",\n \"40～49男\",\n \"40～49女\",\n \"\",\n \"50～59男\",\n \"50～59女\",\n \"\",\n \"60～69男\",\n \"60～69女\"\n]","pinned":false,"hidden":false,"mode":"ojs"},{"id":497,"value":"$33","pinned":false,"hidden":false,"mode":"ojs"},{"id":335,"value":"$34","pinned":false,"hidden":false,"mode":"ojs"},{"id":511,"value":"$35","pinned":false,"hidden":false,"mode":"ojs"},{"id":519,"value":"$36","pinned":false,"hidden":false,"mode":"ojs"},{"id":671,"value":"$37","pinned":true,"hidden":false,"mode":"ojs"},{"id":643,"value":"$38","pinned":true,"hidden":false,"mode":"ojs"}],"files":"$W39","stdlib":"1","titling":"auto"}