2c:null 2d:["$","title",null,{"children":"時報のチャイムの運用スタイルに何か傾向は見出せるのか？ | YUIKO SUYAMA | Observable"}] 32:T8e8,//c.f. https://observablehq.com/d/a391ee144a25ca98 map_music = { //調査対象にできていない地域がわかるように見せる　薄くするなど const svg = d3.create('svg').attr('viewBox', [0, 0, 850, 680]); const projection = d3 .geoAzimuthalEqualArea() .center([138.5, 36 - 18 / 60]) .rotate([-138.5, -36 + 18 / 60]) .scale([1700]) .translate([2500, -1930]); const path = d3.geoPath(projection); svg .attr("fill", "none") .attr("stroke", "#333") .attr("stroke-linejoin", "round") .attr("stroke-linecap", "round"); /* //市区町村の描画 svg .append('g') .selectAll('path.municipality') // .data(topojson.feature(japan, japan.objects.municipalities).features) .data(uniqueMunicipalities) .join("path") .classed('municipality', true) .attr('id', d => d.id) //.attr("fill", "#FFFFF0") .attr("stroke", "#eee") .attr("stroke-width", 0.25) .attr("d", path);*/ //都道府県の描画 svg .append("path") .attr("stroke-width", 0.5) .attr( "d", path(topojson.mesh(japan, japan.objects.prefectures, (a, b) => a !== b)) //塗る時にmeshは使わないらしい ); //日本の輪郭の描画 svg .append("path") .attr("stroke-width", 0.5) .attr("d", path(topojson.feature(japan, japan.objects.country))); //該当する市区町村を塗る svg .append('g') .selectAll('path.municipality') // .data(topojson.feature(japan, japan.objects.municipalities).features) .data(uniqueMunicipalities_music) .join("path") .classed('municipality', true) .attr('id', d => d.id) .attr("fill", d => { if (data.find(e => e.id === d.id)) { return themeColor; } }) .attr("stroke", "none") //.attr("stroke-width", 0.5) .attr("d", path); //調査済み市区町村の描画　濃い線で塗る svg .append('g') .selectAll('path.municipality') // .data(topojson.feature(japan, japan.objects.municipalities).features) .data(uniqueMunicipalities_subjectOfResearch) .join("path") .classed('municipality', true) .attr('id', d => d.id) .attr("stroke", "#999") .attr("stroke-width", 0.25) .attr("d", path); return svg.node(); }33:T8b2,//c.f. https://observablehq.com/@d3/horizontal-bar-chart /*horizontalBarChart_musicRank = { const data = graphData_musicRank; const margin = { top: 30, right: 0, bottom: 10, left: 120 }; //曲名が長いことがあるので左マージンを多めに撮る const barHeight = 25; const height = Math.ceil((data.length + 0.1) * barHeight) + margin.top + margin.bottom; const x = d3 .scaleLinear() .domain([0, d3.max(data, d => d.value)]) .range([margin.left, width - margin.right]); const y = d3 .scaleBand() .domain(d3.range(data.length)) .rangeRound([margin.top, height - margin.bottom]) .padding(0.1); const format = x.tickFormat(20, data.format); const xAxis = g => g .attr("transform", `translate(0,${margin.top})`) .call(d3.axisTop(x).ticks(width / 80, data.format)) .call(g => g.select(".domain").remove()); const yAxis = g => g.attr("transform", `translate(${margin.left},0)`).call( d3 .axisLeft(y) .tickFormat(i => data[i].name) .tickSizeOuter(0) ); const svg = d3.create("svg").attr("viewBox", [0, 0, width, height]); //横棒 svg .append("g") .attr("fill", themeColor) .selectAll("rect") .data(data) .join("rect") .attr("x", x(0)) .attr("y", (d, i) => y(i)) .attr("width", d => x(d.value) - x(0)) .attr("height", y.bandwidth()); //値のテキスト svg .append("g") .attr("fill", "white") .attr("text-anchor", "end") .attr("font-family", "sans-serif") .attr("font-size", 12) .selectAll("text") .data(data) .join("text") .attr("x", d => x(d.value)) .attr("y", (d, i) => y(i) + y.bandwidth() / 2) .attr("dy", "0.35em") .attr("dx", -4) .text(d => format(d.value)) .call(text => text .filter(d => x(d.value) - x(0) < 20) // short bars .attr("dx", +4) .attr("fill", "#333") .attr("text-anchor", "start") ); svg.append("g").call(xAxis); svg.append("g").call(yAxis); return svg.node(); }*/ md`|順位|曲名|数| |--|--|--:| ${[...musicRanking.entries()] .filter(d => d[1] >= 5) .map((d, i) => `|${i + 1}|__${d[0]}__|${d[1]}|`) .join('\n')}`34:T4fd,radialBarChart_ringTimes = { const visualCorrection = 0.002; //気持ち軸からズレて（時間が進んで）見えるので補正する const arc = d3 .arc() .innerRadius(d => yScale_radial(0)) .outerRadius(d => yScale_radial(d.value)) .startAngle(d => xScale_radial(d.minute) - visualCorrection) .endAngle( d => xScale_radial(d.minute) + xScale_radial.bandwidth() - visualCorrection ) .padAngle(0.01) .padRadius(innerRadius_radial); const svg = d3 .create('svg') .attr('width', width) .attr('height', height_radial); const container = svg .append('g') .attr('class', 'container') .attr('transform', `translate(${width / 2},${height_radial / 2})`) .style('font-size', 10) .style('font-family', 'sans-serif'); //軸を先に書かないと軸上の線が見えなくなる container.append('g').call(xAxis_radial); container.append('g').call(yAxis_radial); container .selectAll('path') .data(graphData_ringTimes) .join('path') .style('fill', d => themeColor) .style('stroke', d => themeColor) //線つけないとほぼ見えない .style('stroke-width', "1") //多少太くしないとしょうがない .attr('d', arc); return svg.node(); }35:T7ed,barGrapgh_ringTimesPerDay = { const data = graphData_ringTimesPerDay; const height = 500; const margin = { top: 30, right: 0, bottom: 30, left: 40 }; const x = d3 .scaleBand() .domain(d3.range(data.length)) .range([margin.left, width - margin.right]) .padding(0.1); const y = d3 .scaleLinear() .domain([0, d3.max(data, d => d.value)]) .nice() .range([height - margin.bottom, margin.top]); const xAxis = g => g.attr("transform", `translate(0,${height - margin.bottom})`).call( d3 .axisBottom(x) .tickFormat(i => data[i].name) .tickSizeOuter(0) ); const yAxis = g => g .attr("transform", `translate(${margin.left},0)`) .call(d3.axisLeft(y).ticks(null, data.format)) .call(g => g.select(".domain").remove()) .call(g => g .append("text") .attr("x", -margin.left) .attr("y", 10) .attr("fill", "currentColor") .attr("text-anchor", "start") .text(data.y) ); const svg = d3.create("svg").attr("viewBox", [0, 0, width, height]); //立て棒グラフ svg .append("g") .attr("fill", themeColor) .selectAll("rect") .data(data) .join("rect") .attr("x", (d, i) => x(i)) .attr("y", d => y(d.value)) .attr("height", d => y(0) - y(d.value)) .attr("width", x.bandwidth()); //値のテキスト svg .append("g") .attr("fill", "white") .attr("text-anchor", "middle") .attr("font-family", "sans-serif") .attr("font-size", 12) .selectAll("text") .data(data) .join("text") .attr("y", d => y(d.value)) .attr("x", (d, i) => x(i) + x.bandwidth() / 2) .attr("dy", +20) .attr("fill", "#fff") .text(d => d.value) .call(text => text .filter(d => d.value < 20) // short bars .attr("dy", -10) .attr("fill", "#333") ); //軸を実際に追加 svg.append("g").call(xAxis); svg.append("g").call(yAxis); return svg.node(); }36:T9e9,//c.f. https://observablehq.com/d/a391ee144a25ca98 map_ringTimesPerDay = { const svg = d3.create('svg').attr('viewBox', [0, 0, 850, 680]); //凡例 svg .append("g") .attr("transform", "translate(20,20)") .attr("stroke", "none") .append(() => legend({ color: d3.scaleOrdinal([1, 2, 3, 4, 5, 6], AntV_blue_colors9), title: "鳴動数[回/日]", tickSize: 0 //真ん中に生える }) ); const projection = d3 .geoAzimuthalEqualArea() .center([138.5, 36 - 18 / 60]) .rotate([-138.5, -36 + 18 / 60]) .scale([1700]) .translate([2500, -1930]); const path = d3.geoPath(projection); svg .attr("fill", "none") .attr("stroke", "#000") .attr("stroke-linejoin", "round") .attr("stroke-linecap", "round"); /*//市区町村の描画 svg .append('g') .selectAll('path.municipality') // .data(topojson.feature(japan, japan.objects.municipalities).features) .data(uniqueMunicipalities) .join("path") .classed('municipality', true) .attr('id', d => d.id) //.attr("fill", "#FFFFF0") .attr("stroke", "#eee") .attr("stroke-width", 0.25) .attr("d", path);*/ //都道府県の描画 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))); //該当する市区町村を塗る svg .append('g') .selectAll('path.municipality') // .data(topojson.feature(japan, japan.objects.municipalities).features) .data(uniqueMunicipalities_times) .join("path") .classed('municipality', true) .attr('id', d => d.id) .attr("fill", d => { if (d.times == 0) { return "none"; //0回は塗らない } else { return /*color_scBlue6*/ colorScale_blue_from1(d.times); } }) .attr("stroke", "none") .attr("d", path); //調査済み市区町村の描画　濃い線で塗る svg .append('g') .selectAll('path.municipality') // .data(topojson.feature(japan, japan.objects.municipalities).features) .data(uniqueMunicipalities_subjectOfResearch) .join("path") .classed('municipality', true) .attr('id', d => d.id) //.attr("fill", "#FFFFF0") .attr("stroke", "#999") .attr("stroke-width", 0.25) .attr("d", path); return svg.node(); }37:T1244,scatterplot_agriAndTimes = { var data; if (ch_rmUnmaintained == "ON") { data = graphData_agriAndTimes_rmUnmaintained; } else { data = graphData_agriAndTimes; } const margin = { top: 25, right: 40, bottom: 35, left: 40 }; const height = 400; const name = d3 .scaleLinear() .domain(d3.extent(data, d => d.name)) .range([margin.left, width - margin.right]); const x = d3 .scaleLinear() .domain(d3.extent(data, d => d.x)) .nice() .range([margin.left, width - margin.right]); const y = d3 .scaleLinear() .domain(d3.extent(data, d => d.y)) .nice() .range([height - margin.bottom, margin.top]); const xAxis = g => g .attr("transform", `translate(0,${height - margin.bottom})`) .call(d3.axisBottom(x).ticks(width / 80)) .call(g => g.select(".domain").remove()) .call(g => g .append("text") .attr("x", width) .attr("y", margin.bottom - 4) .attr("fill", "currentColor") .attr("text-anchor", "end") .text(data.x) ); const yAxis = g => g .attr("transform", `translate(${margin.left},0)`) .call(d3.axisLeft(y).ticks(6)) //デフォルトは0.5刻み .call(g => g.select(".domain").remove()) .call(g => g .append("text") .attr("x", -margin.left) .attr("y", 10) .attr("fill", "currentColor") .attr("text-anchor", "start") .text(data.y) ); const grid = g => g .attr("stroke", "currentColor") .attr("stroke-opacity", 0.1) .call(g => g .append("g") .selectAll("line") .data(x.ticks()) .join("line") .attr("x1", d => 0.5 + x(d)) .attr("x2", d => 0.5 + x(d)) .attr("y1", margin.top) .attr("y2", height - margin.bottom) ) .call(g => g .append("g") .selectAll("line") .data(y.ticks(6)) //デフォルトは12本 .join("line") .attr("y1", d => 0.5 + y(d)) .attr("y2", d => 0.5 + y(d)) .attr("x1", margin.left) .attr("x2", width - margin.right) ); //tool tip settings const container = html``; const svg = d3 .select(container) .append("svg") .attr("viewBox", `0 0 ${width} ${height}`); const div = d3 .select(container) .append("div") .classed("tooltip", true); // create a new tooltip, // passing it a selection for the tooltip's DOM element. // 新しいツールチップを作成します。 // tooltip の DOM 要素の選択範囲を渡します。 const tooltip = new Tooltip(div); // function that sets the tooltip's HTML when revealed // can be passed the hovered selection's datum // 公開時にツールチップのHTMLを設定する関数 // ホバーされた選択範囲のデータを渡すことができます。 function tooltipContents(datum) { const { x, y, name } = datum; return /*`x: ${x}, y: ${y}, */ `${name}`; } svg.append("g").call(xAxis); svg.append("g").call(yAxis); svg.append("g").call(grid); svg .append("g") .attr("fill", themeColor) .attr("stroke", AntV_blue_colors9[5]) .attr("stroke-weight", 0.1) .attr("opacity", 0.5) .selectAll("circle") .data(data) .join("circle") .attr("cx", d => x(d.x)) .attr("cy", d => y(d.y)) .attr("r", 3) .on("mouseover", (event, d) => { // reveal the tooltip. // pass the current datum (if desired), // and a render function that returns an HTML string (required) tooltip.display(d, tooltipContents); }) .on("mouseout", () => { // hide the tooltip tooltip.hide(); }) .on("mousemove", event => { // move the tooltip, // passing the native browser event tooltip.move(event); }); svg .append("g") .attr("font-family", "sans-serif") .attr("font-size", 18) .attr("fill", "#333") .attr("stroke", "none") .selectAll("text") .data(data) .join("text") .attr("x", width - 170) .attr("y", 16) .text("相関係数：" + R_agri); return container; }38:Tb3d,//c.f. https://observablehq.com/d/a391ee144a25ca98 map_status = { const svg = d3.create('svg').attr('viewBox', [0, 0, 850, 680]); const arcs = pie(statusPercentage); const projection = d3 .geoAzimuthalEqualArea() .center([138.5, 36 - 18 / 60]) .rotate([-138.5, -36 + 18 / 60]) .scale([1700]) .translate([2500, -1930]); const path = d3.geoPath(projection); svg .attr("fill", "none") .attr("stroke", "#000") .attr("stroke-linejoin", "round") .attr("stroke-linecap", "round"); /* //市区町村の描画 svg .append('g') .selectAll('path.municipality') // .data(topojson.feature(japan, japan.objects.municipalities).features) .data(uniqueMunicipalities) .join("path") .classed('municipality', true) .attr('id', d => d.id) .attr("stroke", "#eee") .attr("stroke-width", 0.25) .attr("d", path);*/ //都道府県の描画 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))); //該当する市区町村を塗る svg .append('g') .selectAll('path.municipality') // .data(topojson.feature(japan, japan.objects.municipalities).features) .data(uniqueMunicipalities_status) .join("path") .classed('municipality', true) .attr('id', d => d.id) .attr("fill", d => d.color) .attr("stroke", "none") .attr("d", path); //調査済み市区町村の描画　濃い線で塗る svg .append('g') .selectAll('path.municipality') // .data(topojson.feature(japan, japan.objects.municipalities).features) .data(uniqueMunicipalities_subjectOfResearch) .join("path") .classed('municipality', true) .attr('id', d => d.id) .attr("stroke", "#ddd") .attr("stroke-width", 0.25) .attr("d", path); //凡例 const labelHeight = 18; const legend = svg.append('g').attr('transform', `translate(20,20)`); //四角 legend .selectAll(null) .data(arcs) .enter() .append('rect') .attr('y', d => labelHeight * d.index * 1.8) .attr('width', labelHeight) .attr('height', labelHeight) .attr('fill', d => color_status(d.data.name)) .attr('stroke', '#666') .style('stroke-width', '1px'); //テキスト legend .selectAll(null) .data(arcs) .enter() .append('text') .attr('fill', '#333') .attr('stroke', 'none') .text(d => d.data.name) .attr('x', labelHeight * 1.4) .attr('y', d => labelHeight * d.index * 1.8 + labelHeight - 2) //なんかちょっと低かったので-2 .style('font-family', 'sans-serif') .style('font-size', `${labelHeight}px`); return svg.node(); }39:T926,/*c.f. https://observablehq.com/@d3/pie-chart https://observablehq.com/@sengokyu/d3-js-basic-pie-chart-with-legend */ pieChart_status = { const arcs = pie(statusPercentage); //console.log(arcs); const svg = d3 .create("svg") .attr("viewBox", [-width / 2, -height_pie / 2, width, height_pie]); svg .append("g") /*.attr("stroke", "white") .attr("stroke-width", 0.5)*/ .selectAll("path") .data(arcs) .join("path") .attr("fill", d => color_status(d.data.name)) .attr("d", arc) .append("title") .text(d => `${d.data.name}: ${orgRound(d.data.value, 100) + "%"}`); //hoverしたときに見える //ラベルの表示 svg .append("g") .attr("font-family", "sans-serif") .attr("font-size", 12) .attr("text-anchor", "middle") .selectAll("text") .data(arcs) .join("text") .attr("transform", d => `translate(${arcLabel.centroid(d)})`) .call(text => text .filter(d => d.endAngle - d.startAngle > 0.35) .append("tspan") .attr("y", "-0.4em") .attr("font-weight", "bold") .text(d => d.data.name) ) .call( text => text .filter(d => d.endAngle - d.startAngle > 0.25) //角度が0.25以上の場合だけ値も表示する .append("tspan") .attr("x", 0) .attr("y", "0.7em") .attr("fill-opacity", 0.7) .text(d => orgRound(d.data.value, 100) + "%") //小数第2位を基準に四捨五入 ); //凡例 const labelHeight = 18; const legend = svg .append('g') .attr('transform', `translate(${-height_pie / 2 - 300},-150)`); //四角 legend .selectAll(null) .data(arcs) .enter() .append('rect') .attr('y', d => labelHeight * d.index * 1.8) .attr('width', labelHeight) .attr('height', labelHeight) .attr('fill', d => color_status(d.data.name)) .attr('stroke', '#666') .style('stroke-width', '1px'); //テキスト legend .selectAll(null) .data(arcs) .enter() .append('text') .text(d => d.data.name) .attr('x', labelHeight * 1.4) .attr('y', d => labelHeight * d.index * 1.8 + labelHeight - 2) //なんかちょっと低かったので-2 .style('font-family', 'sans-serif') .style('font-size', `${labelHeight}px`); return svg.node(); }3a:T799,{ const data = graphData_periods; const height = 500; const margin = { top: 30, right: 0, bottom: 30, left: 40 }; const x = d3 .scaleBand() .domain(d3.range(data.length)) .range([margin.left, width - margin.right]) .padding(0.1); const y = d3 .scaleLinear() .domain([0, d3.max(data, d => d.value)]) .nice() .range([height - margin.bottom, margin.top]); const xAxis = g => g.attr("transform", `translate(0,${height - margin.bottom})`).call( d3 .axisBottom(x) .tickFormat(i => data[i].name) .tickSizeOuter(0) ); const yAxis = g => g .attr("transform", `translate(${margin.left},0)`) .call(d3.axisLeft(y).ticks(null, data.format)) .call(g => g.select(".domain").remove()) .call(g => g .append("text") .attr("x", -margin.left) .attr("y", 10) .attr("fill", "currentColor") .attr("text-anchor", "start") .text(data.y) ); const svg = d3.create("svg").attr("viewBox", [0, 0, width, height]); svg .append("g") .attr("fill", themeColor) .selectAll("rect") .data(data) .join("rect") .attr("x", (d, i) => x(i)) .attr("y", d => y(d.value)) .attr("height", d => y(0) - y(d.value)) .attr("width", x.bandwidth()); //値のテキスト svg .append("g") .attr("fill", "white") .attr("text-anchor", "middle") .attr("font-family", "sans-serif") .attr("font-size", 12) .selectAll("text") .data(data) .join("text") .attr("y", d => y(d.value)) .attr("x", (d, i) => x(i) + x.bandwidth() / 2) .attr("dy", +20) .attr("fill", "#fff") .text(d => d.value) .call(text => text .filter(d => d.value < 20) // short bars .attr("dy", -10) .attr("fill", "#333") ); svg.append("g").call(xAxis); svg.append("g").call(yAxis); return svg.node(); }3b:T7c1,//c.f. https://observablehq.com/d/a391ee144a25ca98 map_numberOfDivisions = { const svg = d3.create('svg').attr('viewBox', [0, 0, 850, 680]); //凡例 svg .append("g") .attr("transform", "translate(20,20)") .attr("stroke", "none") .append(() => legend({ color: d3.scaleOrdinal( [0, 1, 2, 3, 4, 5, 6], AntV_blue_colors9 ), title: "放送時間を切り替える回数[回/年]", tickSize: 0 //真ん中に生える }) ); const projection = d3 .geoAzimuthalEqualArea() .center([138.5, 36 - 18 / 60]) .rotate([-138.5, -36 + 18 / 60]) .scale([1700]) .translate([2500, -1930]); const path = d3.geoPath(projection); 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))); //該当する市区町村を塗る svg .append('g') .selectAll('path.municipality') // .data(topojson.feature(japan, japan.objects.municipalities).features) .data(uniqueMunicipalities_periods) .join("path") .classed('municipality', true) .attr('id', d => d.id) .attr("fill", d => /*color_scBlue7*/ colorScale_blue_from0(d.periods)) .attr("stroke", "none") .attr("d", path); //調査済み市区町村の描画　濃い線で塗る svg .append('g') .selectAll('path.municipality') .data(uniqueMunicipalities_subjectOfResearch) .join("path") .classed('municipality', true) .attr('id', d => d.id) .attr("stroke", "#999") .attr("stroke-width", 0.25) .attr("d", path); return svg.node(); }3c:Tf13,scatterplot_childAndPeriods = { const data = graphData_childAndPeriods; const margin = { top: 25, right: 40, bottom: 35, left: 40 }; const height = 400; const name = d3 .scaleLinear() .domain(d3.extent(data, d => d.name)) .range([margin.left, width - margin.right]); const x = d3 .scaleLinear() .domain(d3.extent(data, d => d.x)) .nice() .range([margin.left, width - margin.right]); const y = d3 .scaleLinear() .domain(d3.extent(data, d => d.y)) .nice() .range([height - margin.bottom, margin.top]); const xAxis = g => g .attr("transform", `translate(0,${height - margin.bottom})`) .call(d3.axisBottom(x).ticks(width / 80)) .call(g => g.select(".domain").remove()) .call(g => g .append("text") .attr("x", width) .attr("y", margin.bottom - 4) .attr("fill", "currentColor") .attr("text-anchor", "end") .text(data.x) ); const yAxis = g => g .attr("transform", `translate(${margin.left},0)`) .call(d3.axisLeft(y).ticks(7)) //デフォルトは0.5刻み .call(g => g.select(".domain").remove()) .call(g => g .append("text") .attr("x", -margin.left) .attr("y", 10) .attr("fill", "currentColor") .attr("text-anchor", "start") .text(data.y) ); const grid = g => g .attr("stroke", "currentColor") .attr("stroke-opacity", 0.1) .call(g => g .append("g") .selectAll("line") .data(x.ticks()) .join("line") .attr("x1", d => 0.5 + x(d)) .attr("x2", d => 0.5 + x(d)) .attr("y1", margin.top) .attr("y2", height - margin.bottom) ) .call(g => g .append("g") .selectAll("line") .data(y.ticks(6)) //デフォルトは12本 .join("line") .attr("y1", d => 0.5 + y(d)) .attr("y2", d => 0.5 + y(d)) .attr("x1", margin.left) .attr("x2", width - margin.right) ); //tool tip settings const container = html``; const svg = d3 .select(container) .append("svg") .attr("viewBox", `0 0 ${width} ${height}`); const div = d3 .select(container) .append("div") .classed("tooltip", true); const tooltip = new Tooltip(div); function tooltipContents(datum) { const { x, y, name } = datum; return `${name}`; } svg.append("g").call(xAxis); svg.append("g").call(yAxis); svg.append("g").call(grid); svg .append("g") .attr("fill", themeColor) .attr("stroke", AntV_blue_colors9[5]) .attr("stroke-weight", 0.1) .attr("opacity", 0.5) .selectAll("circle") .data(data) .join("circle") .attr("cx", d => x(d.x)) .attr("cy", d => y(d.y)) .attr("r", 3) .on("mouseover", (event, d) => { tooltip.display(d, tooltipContents); }) .on("mouseout", () => { tooltip.hide(); }) .on("mousemove", event => { tooltip.move(event); }); svg .append("g") .attr("font-family", "sans-serif") .attr("font-size", 18) .attr("fill", "#333") .attr("stroke", "none") .selectAll("text") .data(data) .join("text") .attr("x", width - 170) .attr("y", 16) .text("相関係数：" + R_child); return container; }3d:Tfa8,pieChart_local = { const arcs_localMusic = pie(graphData_localMusicPercentage); const arcs_townSong = pie(graphData_townSongPercentage); const legend_item = [themeColor, "#73d13d", "#ffc53d"]; const svg = d3 .create("svg") .attr("viewBox", [-width / 2, -height_pie / 2, width, height_pie]); svg .append("g") //.attr("stroke", "white") .selectAll("path") .data(arcs_localMusic) .join("path") .attr("fill", d => color_local(d.data.name)) .attr("d", arc) .append("title") .text((d, i) => { if (i == 0) { `採用: ${d.data.value.toLocaleString()}`; } else { `採用なし: ${d.data.value.toLocaleString()}`; } }); svg .append("g") .attr("font-family", "sans-serif") .attr("font-size", 12) .attr("text-anchor", "middle") .selectAll("text") .data(arcs_localMusic) .join("text") .attr("transform", d => `translate(${arcLabel.centroid(d)})`) .call(text => text .append("tspan") .attr("y", "-0.4em") .attr("font-weight", "bold") .text((d, i) => { if (i == 0) { return "採用"; } else if (i == 1) { return "採用なし"; } }) ) .call(text => text .filter(d => d.endAngle - d.startAngle > 0.25) .append("tspan") .attr("x", 0) .attr("y", "0.7em") .attr("fill-opacity", 0.7) .text(d => d.data.value.toLocaleString() + "箇所") ); //市区町村歌の採用率を重ねる svg .append("g") //.attr("stroke", "white") .selectAll("path") .data(arcs_townSong) .join("path") .attr("fill", d => { if (d.data.name != "") { return "#ffc53d"; } else { return "none"; } }) .attr("d", arc_inner) .append("title") .text(d => `市区町村歌を採用: ${d.data.value.toLocaleString()} 箇所`); svg .append("g") .attr("font-family", "sans-serif") .attr("font-size", 12) .attr("text-anchor", "middle") .selectAll("text") .data(arcs_townSong) .join("text") .attr("transform", d => `translate(${arcLabel_inner.centroid(d)})`) /*.call(text => text .append("tspan") .attr("y", "-0.4em") .attr("font-weight", "bold") .text(d => d.data.name) )*/ .call(text => text .filter(d => d.endAngle - d.startAngle > 0.25) .filter(d => d.data.name != "") .append("tspan") .attr("x", 0) .attr("y", "0.7em") .attr("fill-opacity", 0.7) .text(d => d.data.value.toLocaleString() + "箇所") ); //凡例 const labelHeight = 18; //ラベルのサイズ const legend = svg .append('g') .attr('transform', `translate(${-height_pie / 2 - 300},-150)`); //四角 legend .selectAll(null) .data(legend_item) .enter() .append('rect') .attr('y', (d, i) => labelHeight * i * 1.8) .attr('width', labelHeight) .attr('height', labelHeight) .attr('fill', (d, i) => { if (i == 0) { return themeColor; } else if (i == 1) { return "#73d13d"; } else if (i == 2) { return "#ffc53d"; } }) .attr('stroke', '#666') .style('stroke-width', '1px'); //テキスト legend .selectAll(null) .data(legend_item) .enter() .append('text') //.text((d, i) => d[i])//なぜか最初の１文字しか入らない、上でカラーコードも使えなかった .text((d, i) => { if (i == 0) { return "市区町村歌を採用*"; } else if (i == 1) { return "採用"; } else if (i == 2) { return "採用なし"; } }) .attr('x', labelHeight * 1.2) .attr('y', (d, i) => labelHeight * i * 1.8 + labelHeight - 2) //なんかちょっと低かったので-2 .style('font-family', 'sans-serif') .style('font-size', `${labelHeight}px`); return svg.node(); }3e:T7d2,barGrapgh_musicStock = { const data = graphData_musicPerMunicipalities; const height = 500; const margin = { top: 30, right: 0, bottom: 30, left: 40 }; const x = d3 .scaleBand() .domain(d3.range(data.length)) .range([margin.left, width - margin.right]) .padding(0.1); const y = d3 .scaleLinear() .domain([0, d3.max(data, d => d.value)]) .nice() .range([height - margin.bottom, margin.top]); const xAxis = g => g.attr("transform", `translate(0,${height - margin.bottom})`).call( d3 .axisBottom(x) .tickFormat(i => data[i].name) .tickSizeOuter(0) ); const yAxis = g => g .attr("transform", `translate(${margin.left},0)`) .call(d3.axisLeft(y).ticks(null, data.format)) .call(g => g.select(".domain").remove()) .call(g => g .append("text") .attr("x", -margin.left) .attr("y", 10) .attr("fill", "currentColor") .attr("text-anchor", "start") .text(data.y) ); const svg = d3.create("svg").attr("viewBox", [0, 0, width, height]); //縦棒グラフ svg .append("g") .attr("fill", themeColor) .selectAll("rect") .data(data) .join("rect") .attr("x", (d, i) => x(i)) .attr("y", d => y(d.value)) .attr("height", d => y(0) - y(d.value)) .attr("width", x.bandwidth()); //値のテキスト svg .append("g") .attr("fill", "white") .attr("text-anchor", "middle") .attr("font-family", "sans-serif") .attr("font-size", 12) .selectAll("text") .data(data) .join("text") .attr("y", d => y(d.value)) .attr("x", (d, i) => x(i) + x.bandwidth() / 2) .attr("dy", +20) .attr("fill", "#fff") .text(d => d.value) .call(text => text .filter(d => d.value < 20) // short bars .attr("dy", -10) .attr("fill", "#333") ); svg.append("g").call(xAxis); svg.append("g").call(yAxis); return svg.node(); }3f:Ta57,//c.f. https://observablehq.com/d/a391ee144a25ca98 map_musicStock = { const svg = d3.create('svg').attr('viewBox', [0, 0, 850, 680]); //凡例 svg .append("g") .attr("transform", "translate(20,20)") .attr("stroke", "none") .append(() => legend({ color: d3.scaleOrdinal( ["1", "2", "3", "4", "5", "6", "7", "8", "9以上"], AntV_blue_colors9 ), title: "採用曲数", tickSize: 0 //真ん中に生える }) ); const projection = d3 .geoAzimuthalEqualArea() .center([138.5, 36 - 18 / 60]) .rotate([-138.5, -36 + 18 / 60]) .scale([1700]) .translate([2500, -1930]); const path = d3.geoPath(projection); 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))); //該当する市区町村を塗る svg .append('g') .selectAll('path.municipality') // .data(topojson.feature(japan, japan.objects.municipalities).features) .data(uniqueMunicipalities_musicStock) .join("path") .classed('municipality', true) .attr('id', d => d.id) .attr("fill", d => { if (d.stock > 9) { d.stock = 9; //段階分けすぎても区別できないので、9曲以上は表示をまとめる } //return color_scBlue9(d.stock); return colorScale_blue_from1(d.stock); //scaleが逆向き？ }) .attr("stroke", "none") .attr("d", path); //調査済み市区町村の描画　濃い線で塗る svg .append('g') .selectAll('path.municipality') // .data(topojson.feature(japan, japan.objects.municipalities).features) .data(uniqueMunicipalities_subjectOfResearch) .join("path") .classed('municipality', true) .attr('id', d => d.id) .attr("stroke", "#999") .attr("stroke-width", 0.25) .attr("d", path); //地域によって運用が異なる市区町村を示す if (ch_drawRegionDef == "ON") { svg .append('g') .selectAll('path.municipality') .data(uniqueMunicipalities_regionDef) .join("path") .classed('municipality', true) .attr('id', d => d.id) .attr("stroke", "#ff4d4f") .attr("stroke-width", 0.5) .attr("d", path); } return svg.node(); }40:Tee7,//c.f. https://observablehq.com/d/a391ee144a25ca98 map_notes = { const svg = d3.create('svg').attr('viewBox', [0, 0, 850, 680]); const legend_item = [ "全域共通の運用のみ取り上げた市区町村", "地域によって運用がバラバラな市区町村", "ある１地域でしか実施していない市区町村" ]; //凡例 const labelHeight = 18; //ラベルのサイズ const legend = svg.append('g').attr("transform", "translate(20,20)"); //四角 legend .selectAll(null) .data(legend_item) .enter() .append('rect') .attr('y', (d, i) => labelHeight * i * 1.8) .attr('width', labelHeight) .attr('height', labelHeight) .attr('fill', (d, i) => { if (i == 0) { return themeColor; } else if (i == 1) { return "#73d13d"; } else if (i == 2) { return "#ffc53d"; } }) .attr('stroke', '#666') .style('stroke-width', '1px'); //テキスト legend .selectAll(null) .data(legend_item) .enter() .append('text') .attr('stroke', 'none') .attr('fill', '#333') .text((d, i) => { if (i == 0) { return "全域共通の運用のみ取り上げた市区町村"; } else if (i == 1) { return "地域によって運用がバラバラな市区町村"; } else if (i == 2) { return "ある１地域でしか実施していない市区町村"; } }) .attr('x', labelHeight * 1.4) .attr('y', (d, i) => labelHeight * i * 1.8 + labelHeight - 4) //なんかちょっと低かったので-2 .style('font-family', 'sans-serif') .style('font-size', `${labelHeight / 1.5}px`); const projection = d3 .geoAzimuthalEqualArea() .center([138.5, 36 - 18 / 60]) .rotate([-138.5, -36 + 18 / 60]) .scale([1700]) .translate([2500, -1930]); const path = d3.geoPath(projection); 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))); //調査済み市区町村の描画　濃い線で塗る svg .append('g') .selectAll('path.municipality') // .data(topojson.feature(japan, japan.objects.municipalities).features) .data(uniqueMunicipalities_subjectOfResearch) .join("path") .classed('municipality', true) .attr('id', d => d.id) .attr("stroke", "#999") .attr("stroke-width", 0.25) .attr("d", path); //全域共通の運用のみ取り上げた市区町村を示す svg .append('g') .selectAll('path.municipality') .data(uniqueMunicipalities_onlyAllRegion) .join("path") .classed('municipality', true) .attr('id', d => d.id) .attr("fill", themeColor) .attr("stroke", "none") .attr("d", path); //地域によって運用がバラバラな市区町村を示す svg .append('g') .selectAll('path.municipality') .data(uniqueMunicipalities_varyByRegion) .join("path") .classed('municipality', true) .attr('id', d => d.id) .attr("fill", "#73d13d") .attr("stroke", "none") .attr("d", path); //ある１地域でしか実施していない市区町村を示す svg .append('g') .selectAll('path.municipality') .data(uniqueMunicipalities_onlyOneRegion) .join("path") .classed('municipality', true) .attr('id', d => d.id) .attr("fill", "#ffc53d") .attr("stroke", "none") .attr("d", path); return svg.node(); }41:Tb95,html`

防災無線チャイムの世界のみなさまによる防災行政無線鳴動表

`42:Tab0,html`

市区町村コード（2021.01.21時点）：e-Stat 政府統計の総合窓口市区町村を探す
市区町村別の人口：都道府県・市区町村別統計表（一覧表）（国勢調査2015）
基幹的農業従事者人口：農林業センサス / 2015年農林業センサス確報第１巻都道府県別統計書

`43:Tc7b,style = html``44:T74e,//【当該地域を塗るためのデータ：無線整備・時報実施状況】該当する市区町村の情報の入ったオブジェクトの配列　団体コードの降順に格納される//いったんとりあえず色情報もつけちゃう uniqueMunicipalities_status = { var hoge = []; hoge.splice(0); //実施中 for (var obj of uniqueMunicipalities) { for (var i of orgCodes_ongoing) { if (obj.id == i) { obj.status = "実施中"; //プロパティstatus "実施中"を追加 obj.color = "#5B8FF9"; //Ant9[3] hoge.push(obj); // 連想配列に格納 break; } } //実施なし for (var i of orgCodes_notImplemented) { if (obj.id == i) { obj.status = "実施なし"; obj.color = "#73d13d"; hoge.push(obj); break; } } for (var i of orgCodes_notImplemented_maybe) { if (obj.id == i) { obj.status = "実施なし？"; obj.color = "#d9f7be"; hoge.push(obj); break; } } //廃止 for (var i of orgCodes_abolition) { if (obj.id == i) { obj.status = "廃止"; obj.color = "#ffc53d"; hoge.push(obj); break; } } //整備中 for (var i of orgCodes_underConstruction) { if (obj.id == i) { obj.status = "整備中"; obj.color = "#ff4d4f"; hoge.push(obj); break; } } //未整備 for (var i of orgCodes_unmaintained) { if (obj.id == i) { obj.status = "未整備"; obj.color = "#bfbfbf"; hoge.push(obj); break; } } for (var i of orgCodes_unmaintained_maybe) { if (obj.id == i) { obj.status = "未整備？"; obj.color = "#d9d9d9"; hoge.push(obj); break; } } } return hoge; }45:Tac8,//【当該地域を塗るためのデータ：持ち曲数】該当する市区町村の情報の入ったオブジェクトの配列　団体コードの降順に格納される uniqueMunicipalities_musicStock = { var hoge = []; hoge.splice(0); for (var obj of uniqueMunicipalities) { for (var i of selectedOrgCodes_1stock) { if (obj.id == i) { obj.stock = 1; //プロパティstock1[曲/市区町村]を追加 hoge.push(obj); // 連想配列に格納 break; } } for (var i of selectedOrgCodes_2stock) { if (obj.id == i) { obj.stock = 2; hoge.push(obj); break; } } for (var i of selectedOrgCodes_3stock) { if (obj.id == i) { obj.stock = 3; hoge.push(obj); break; } } for (var i of selectedOrgCodes_4stock) { if (obj.id == i) { obj.stock = 4; hoge.push(obj); break; } } for (var i of selectedOrgCodes_5stock) { if (obj.id == i) { obj.stock = 5; hoge.push(obj); break; } } for (var i of selectedOrgCodes_6stock) { if (obj.id == i) { obj.stock = 6; hoge.push(obj); break; } } for (var i of selectedOrgCodes_7stock) { if (obj.id == i) { obj.stock = 7; hoge.push(obj); break; } } for (var i of selectedOrgCodes_8stock) { if (obj.id == i) { obj.stock = 8; hoge.push(obj); break; } } for (var i of selectedOrgCodes_9stock) { if (obj.id == i) { obj.stock = 9; hoge.push(obj); break; } } for (var i of selectedOrgCodes_10stock) { if (obj.id == i) { obj.stock = 10; hoge.push(obj); break; } } for (var i of selectedOrgCodes_11stock) { if (obj.id == i) { obj.stock = 11; hoge.push(obj); break; } } for (var i of selectedOrgCodes_12stock) { if (obj.id == i) { obj.stock = 12; hoge.push(obj); break; } } for (var i of selectedOrgCodes_13stock) { if (obj.id == i) { obj.stock = 13; hoge.push(obj); break; } } /* for (var i of selectedOrgCodes_14stock) { if (obj.id == i) { obj.stock = 14; hoge.push(obj); break; } }*/ for (var i of selectedOrgCodes_15stock) { if (obj.id == i) { obj.stock = 15; hoge.push(obj); break; } } for (var i of selectedOrgCodes_16stock) { if (obj.id == i) { obj.stock = 16; hoge.push(obj); break; } } } return hoge; }46:T5ea,xAxis_radial = g => g.attr('text-anchor', 'middle').call(g => g .selectAll('g') .data([ '6:00', '7:00', '8:00', '9:00', '10:00', '11:00', '12:00', '13:00', '14:00', '15:00', '16:00', '17:00', '18:00', '19:00', '20:00', '21:00', '22:00', '23:00', '0:00', '1:00', '2:00', '3:00', '4:00', '5:00' ]) //軸はなぜか3時の方向から、配列の0番目から入ってしまう .join('g') .attr( 'transform', (d, i, arr) => ` rotate(${(i * 360) / arr.length}) translate(${innerRadius_radial},0) ` ) .call(g => g .append('line') //放射状に伸びるメモリ .attr('x1', -5) //内側の点・-160くらいで真ん中にくっつく、値小さいほど真ん中 .attr('x2', outerRadius_radial - innerRadius_radial + 10) //外側の点・+outerRadiusからどれくらい飛び出すか .style('stroke', '#ccc') ) .call(g => g .append('text') .attr('transform', (d, i, arr) => ((i * 360) / arr.length) % 360 > 180 ? "rotate(90)translate(0,16)" : "rotate(-90)translate(0,-9)" ) .style('font-family', 'sans-serif') .style('font-size', 10) .text(d => d) ) )47:T423,yAxis_radial = g => g .attr('text-anchor', 'middle') .call(g => g .append('text') .attr('text-anchor', 'end') .attr('x', '-0.5em') .attr('y', d => -yScale_radial(yScale_radial.ticks(5).pop()) - 10) .attr('dy', '-1em') .style('fill', '#1a1a1a') .text('市区町村数[箇所]') ) .call(g => g .selectAll('g') .data(yScale_radial.ticks(5)) .join('g') .attr('fill', 'none') .call(g => g .append('circle') .style('stroke', '#ddd') .style('stroke-opacity', 0.5) .attr('r', yScale_radial) ) .call(g => g .append('text') .attr('y', d => -yScale_radial(d)) .attr('dy', '0.35em') .style('stroke', '#fff') .style('stroke-width', 5) .style("fill", '#1a1a1a') .text(yScale_radial.tickFormat(6, 's')) .clone(true) .style('stroke', 'none') ) )48:T613,//【当該地域を塗るためのデータ：鳴動数用】該当する市区町村の情報の入ったオブジェクトの配列　団体コードの降順に格納される　全部で10箇所くらい情報が落ちてる？ uniqueMunicipalities_times = { var hoge = []; hoge.splice(0); for (var obj of uniqueMunicipalities) { for (var i of selectedOrgCodes_0times) { if (obj.id == i) { obj.times = 0; //プロパティtime:0[回/日]を追加 hoge.push(obj); // 連想配列に格納 break; } } for (var i of selectedOrgCodes_1times) { if (obj.id == i) { obj.times = 1; //プロパティtime:1[回/日]を追加　なんか3つ減ってる？ hoge.push(obj); // 連想配列に格納 break; } } for (var i of selectedOrgCodes_2times) { if (obj.id == i) { obj.times = 2; hoge.push(obj); break; } } for (var i of selectedOrgCodes_3times) { if (obj.id == i) { obj.times = 3; hoge.push(obj); break; } } for (var i of selectedOrgCodes_4times) { if (obj.id == i) { obj.times = 4; hoge.push(obj); break; } } for (var i of selectedOrgCodes_5times) { if (obj.id == i) { obj.times = 5; hoge.push(obj); break; } } for (var i of selectedOrgCodes_6times) { if (obj.id == i) { obj.times = 6; hoge.push(obj); break; } } } return hoge; }49:T8ea,agriAndTimes = data_csvAutoType .map(d => { if (d.agriculture != "" && d.agriculture != "-" && d.agriculture != "x") { //基幹的農業従事者数の割合データなし・非公開を除く for (var i of selectedOrgCodes_0times) { if (i == d.orgCode) { return { name: d.municipalities, y: 0, x: orgRound((d.agriculture / d.totalPopulation) * 100, 100) //総人口に対する基幹的農業従事者数の割合[%] }; } } for (var i of selectedOrgCodes_1times) { if (i == d.orgCode) { return { name: d.municipalities, y: 1, x: orgRound((d.agriculture / d.totalPopulation) * 100, 100) }; } } for (var i of selectedOrgCodes_2times) { if (i == d.orgCode) { return { name: d.municipalities, y: 2, x: orgRound((d.agriculture / d.totalPopulation) * 100, 100) }; } } for (var i of selectedOrgCodes_3times) { if (i == d.orgCode) { return { name: d.municipalities, y: 3, x: orgRound((d.agriculture / d.totalPopulation) * 100, 100) }; } } for (var i of selectedOrgCodes_4times) { if (i == d.orgCode) { return { name: d.municipalities, y: 4, x: orgRound((d.agriculture / d.totalPopulation) * 100, 100) }; } } for (var i of selectedOrgCodes_5times) { if (i == d.orgCode) { return { name: d.municipalities, y: 5, x: orgRound((d.agriculture / d.totalPopulation) * 100, 100) }; } } for (var i of selectedOrgCodes_6times) { if (i == d.orgCode) { return { name: d.municipalities, y: 6, x: orgRound((d.agriculture / d.totalPopulation) * 100, 100) }; } } /*return { orgCode: d.orgCode, agriculture: orgRound(d.agriculture / d.totalPopulation, 100) //総人口に対する基幹的農業従事者数の割合 };*/ } }) .filter(v => v) //undefinedを除く4a:T954,agriAndTimes_rmUnmaintained = data_csvAutoType .map(d => { if ( d.agriculture != "" && d.agriculture != "-" && d.agriculture != "x" && d.status != "未整備" && d.status != "未整備?" ) { //基幹的農業従事者数の割合データなし・非公開を除く for (var i of selectedOrgCodes_0times) { if (i == d.orgCode) { return { name: d.municipalities, y: 0, x: orgRound((d.agriculture / d.totalPopulation) * 100, 100) //総人口に対する基幹的農業従事者数の割合[%] }; } } for (var i of selectedOrgCodes_1times) { if (i == d.orgCode) { return { name: d.municipalities, y: 1, x: orgRound((d.agriculture / d.totalPopulation) * 100, 100) }; } } for (var i of selectedOrgCodes_2times) { if (i == d.orgCode) { return { name: d.municipalities, y: 2, x: orgRound((d.agriculture / d.totalPopulation) * 100, 100) }; } } for (var i of selectedOrgCodes_3times) { if (i == d.orgCode) { return { name: d.municipalities, y: 3, x: orgRound((d.agriculture / d.totalPopulation) * 100, 100) }; } } for (var i of selectedOrgCodes_4times) { if (i == d.orgCode) { return { name: d.municipalities, y: 4, x: orgRound((d.agriculture / d.totalPopulation) * 100, 100) }; } } for (var i of selectedOrgCodes_5times) { if (i == d.orgCode) { return { name: d.municipalities, y: 5, x: orgRound((d.agriculture / d.totalPopulation) * 100, 100) }; } } for (var i of selectedOrgCodes_6times) { if (i == d.orgCode) { return { name: d.municipalities, y: 6, x: orgRound((d.agriculture / d.totalPopulation) * 100, 100) }; } } /*return { orgCode: d.orgCode, agriculture: orgRound(d.agriculture / d.totalPopulation, 100) //総人口に対する基幹的農業従事者数の割合 };*/ } }) .filter(v => v) //undefinedを除く4b:T628,//時間と、その時間に使われている曲の数を計上した結果の入ったオブジェクトとのペアのオブジェクトの配列 MusicAndTimes = { var hoge = []; hoge.splice(0); var count = {}; //同じ時間の中で同じ曲を数え上げる for (const [name, _value] of groupByTimeAndMusic) { var length = _value.length; //->時間に対応するArrayの配列長 count = {}; //時間ごとにその時間で使用されている曲をプロパティ、使用数をその値とするオブジェクトを初期化しておく for (var i = 0; i < length; i++) { //配列の中を1つ1つみていく var huga = _value[i].name; //->配列の中の曲名が順に入る count[huga] = (count[huga] || 0) + 1; //var hogehoge = count[huga]; //count[huga]がある => count[huga]の現在値+1を格納。（既にカウントを開始している要素） //count[elm]がない => count[huga]に1（0+1）を格納。（初めてカウントする要素：値はundefined） /*console.log( "_value[i].name" + _value[i].name, "_value[i].value" + _value[i].value, //これは配列の中では全て同じ時間　不要 "count[huga]" + count[huga] //->同じ曲が出てきたらカウントアップされた値が入っている );*/ } /* for (var i = 0; i < Object.keys(count).length; i++) { console.log("count[i]" + count[i]); }*/ hoge.push({ name, count }); } return hoge; } //https://qiita.com/saka212/items/408bb17dddefc09004c84c:T5ab,dataByPeriods = data_csvAutoType .map(d => { //1つめのパターンから順に見て、""（空・データなし）になったタイミングでパターン数を判断する if (d.period1 != "" && d.period2 == "") { //1つ目が空じゃなくて2つ目が空だったら期間分けてない return { name: d.orgCode, value: 0 }; } else if (d.period2 != "" && d.period3 == "") { //2つ目が空じゃなくて3つ目が空だったら切り替え1回　分割された期間数2 return { name: d.orgCode, value: 1 }; } else if (d.period3 != "" && d.period4 == "") { return { name: d.orgCode, value: 2 }; } else if (d.period4 != "" && d.period5 == "") { return { name: d.orgCode, value: 3 }; } else if (d.period5 != "" && d.period6 == "") { return { name: d.orgCode, value: 4 }; } else if (d.period6 != "" && d.period7 == "") { //6つ目が空じゃなくて7つ目が空だったら切り替え5回　分割された期間数6 return { name: d.orgCode, value: 5 }; } else if (d.period7 != "") { //今まで返されてなくて7つ目が空だじゃなかったら切り替え6回　分割された期間数7 return { name: d.orgCode, value: 6 }; } else { //引っかからなかったところは実施していない return; } }) .filter(v => v) //undefinedを除く　つまり実施していないところを除く4d:T580,////【当該地域を塗るためのデータ：分割数用】 uniqueMunicipalities_periods = { var hoge = []; hoge.splice(0); for (var obj of uniqueMunicipalities) { for (var i of selectedOrgCodes_0periods) { if (obj.id == i) { obj.periods = 0; hoge.push(obj); break; } } for (var i of selectedOrgCodes_1periods) { if (obj.id == i) { obj.periods = 1; hoge.push(obj); break; } } for (var i of selectedOrgCodes_2periods) { if (obj.id == i) { obj.periods = 2; hoge.push(obj); break; } } for (var i of selectedOrgCodes_3periods) { if (obj.id == i) { obj.periods = 3; hoge.push(obj); break; } } for (var i of selectedOrgCodes_4periods) { if (obj.id == i) { obj.periods = 4; hoge.push(obj); break; } } for (var i of selectedOrgCodes_5periods) { if (obj.id == i) { obj.periods = 5; hoge.push(obj); break; } } for (var i of selectedOrgCodes_6periods) { if (obj.id == i) { obj.periods = 6; hoge.push(obj); break; } } /* for (var i of selectedOrgCodes_7periods) { if (obj.id == i) { obj.periods = 7; hoge.push(obj); break; } }*/ } return hoge; }4e:T833,childAndPeriods = data_csvAutoType .map(d => { if ( d.percentageU15 != "" && d.percentageU15 != "-" && d.percentageU15 != "x" ) { //割合データなし・非公開を除く for (var i of selectedOrgCodes_0periods) { if (i == d.orgCode) { return { name: d.municipalities, y: 0, x: Number(d.percentageU15) //総人口に対する15歳未満人口の割合[%] }; } } for (var i of selectedOrgCodes_1periods) { if (i == d.orgCode) { return { name: d.municipalities, y: 1, x: Number(d.percentageU15) }; } } for (var i of selectedOrgCodes_2periods) { if (i == d.orgCode) { return { name: d.municipalities, y: 2, x: Number(d.percentageU15) }; } } for (var i of selectedOrgCodes_3periods) { if (i == d.orgCode) { return { name: d.municipalities, y: 3, x: Number(d.percentageU15) }; } } for (var i of selectedOrgCodes_4periods) { if (i == d.orgCode) { return { name: d.municipalities, y: 4, x: Number(d.percentageU15) }; } } for (var i of selectedOrgCodes_5periods) { if (i == d.orgCode) { return { name: d.municipalities, y: 5, x: Number(d.percentageU15) }; } } for (var i of selectedOrgCodes_6periods) { if (i == d.orgCode) { return { name: d.municipalities, y: 6, x: Number(d.percentageU15) }; } } /* for (var i of selectedOrgCodes_7periods) { if (i == d.orgCode) { return { name: d.municipalities, y: 7, x: Number(d.percentageU15) }; } }*/ } }) .filter(v => v) //undefinedを除く4f:T768,populationAndPeriods = data_csvAutoType .map(d => { if ( d.totalPopulation != "" && d.totalPopulation != "-" && d.totalPopulation != "x" ) { //割合データなし・非公開を除く for (var i of selectedOrgCodes_0periods) { if (i == d.orgCode) { return { name: d.municipalities, y: 0, x: Number(d.totalPopulation) //総人口に対する15歳未満人口の割合[%] }; } } for (var i of selectedOrgCodes_1periods) { if (i == d.orgCode) { return { name: d.municipalities, y: 1, x: Number(d.totalPopulation) }; } } for (var i of selectedOrgCodes_2periods) { if (i == d.orgCode) { return { name: d.municipalities, y: 2, x: Number(d.totalPopulation) }; } } for (var i of selectedOrgCodes_3periods) { if (i == d.orgCode) { return { name: d.municipalities, y: 3, x: Number(d.totalPopulation) }; } } for (var i of selectedOrgCodes_4periods) { if (i == d.orgCode) { return { name: d.municipalities, y: 4, x: Number(d.totalPopulation) }; } } for (var i of selectedOrgCodes_5periods) { if (i == d.orgCode) { return { name: d.municipalities, y: 5, x: Number(d.totalPopulation) }; } } for (var i of selectedOrgCodes_6periods) { if (i == d.orgCode) { return { name: d.municipalities, y: 6, x: Number(d.totalPopulation) }; } } } }) .filter(v => v) //undefinedを除く50:T11c2,scatterplot_populationAndPeriods = { const data = graphData_populationAndPeriods; const margin = { top: 25, right: 40, bottom: 35, left: 40 }; const height = 400; const name = d3 .scaleLinear() .domain(d3.extent(data, d => d.name)) .range([margin.left, width - margin.right]); const x = d3 .scaleLinear() .domain(d3.extent(data, d => d.x)) .nice() .range([margin.left, width - margin.right]); const y = d3 .scaleLinear() .domain(d3.extent(data, d => d.y)) .nice() .range([height - margin.bottom, margin.top]); const xAxis = g => g .attr("transform", `translate(0,${height - margin.bottom})`) .call(d3.axisBottom(x).ticks(width / 80)) .call(g => g.select(".domain").remove()) .call(g => g .append("text") .attr("x", width) .attr("y", margin.bottom - 4) .attr("fill", "currentColor") .attr("text-anchor", "end") .text(data.x) ); const yAxis = g => g .attr("transform", `translate(${margin.left},0)`) .call(d3.axisLeft(y).ticks(7)) //デフォルトは0.5刻み .call(g => g.select(".domain").remove()) .call(g => g .append("text") .attr("x", -margin.left) .attr("y", 10) .attr("fill", "currentColor") .attr("text-anchor", "start") .text(data.y) ); const grid = g => g .attr("stroke", "currentColor") .attr("stroke-opacity", 0.1) .call(g => g .append("g") .selectAll("line") .data(x.ticks()) .join("line") .attr("x1", d => 0.5 + x(d)) .attr("x2", d => 0.5 + x(d)) .attr("y1", margin.top) .attr("y2", height - margin.bottom) ) .call(g => g .append("g") .selectAll("line") .data(y.ticks(6)) //デフォルトは12本 .join("line") .attr("y1", d => 0.5 + y(d)) .attr("y2", d => 0.5 + y(d)) .attr("x1", margin.left) .attr("x2", width - margin.right) ); //tool tip settings const container = html``; const svg = d3 .select(container) .append("svg") .attr("viewBox", `0 0 ${width} ${height}`); const div = d3 .select(container) .append("div") .classed("tooltip", true); // create a new tooltip, // passing it a selection for the tooltip's DOM element. // 新しいツールチップを作成します。 // tooltip の DOM 要素の選択範囲を渡します。 const tooltip = new Tooltip(div); // function that sets the tooltip's HTML when revealed // can be passed the hovered selection's datum // 公開時にツールチップのHTMLを設定する関数 // ホバーされた選択範囲のデータを渡すことができます。 function tooltipContents(datum) { const { x, y, name } = datum; return /*`x: ${x}, y: ${y}, */ `${name}`; } svg.append("g").call(xAxis); svg.append("g").call(yAxis); svg.append("g").call(grid); svg .append("g") .attr("fill", "#2171B5") .attr("stroke", "#2244FF") .attr("stroke-weight", 0.1) .attr("opacity", 0.5) .selectAll("circle") .data(data) .join("circle") .attr("cx", d => x(d.x)) .attr("cy", d => y(d.y)) .attr("r", 3) .on("mouseover", (event, d) => { // reveal the tooltip. // pass the current datum (if desired), // and a render function that returns an HTML string (required) tooltip.display(d, tooltipContents); }) .on("mouseout", () => { // hide the tooltip tooltip.hide(); }) .on("mousemove", event => { // move the tooltip, // passing the native browser event tooltip.move(event); }); /*svg .append("g") .attr("font-family", "sans-serif") .attr("font-size", 10) .selectAll("text") .data(data) .join("text") .attr("dy", "0.35em") .attr("x", d => x(d.x) + 7) .attr("y", d => y(d.y)) .text(d => d.name);*/ return container; }51:[{"id":"8799f9b42c270b94c6efaaa8db0a5441390fa4fb42860b7e3cfb3b52754c6eb6f80b33fbc82c905cce93063111330cd72b8a6d4575630417d463b9213bb212d9","href":"https://static.observableusercontent.com/files/8799f9b42c270b94c6efaaa8db0a5441390fa4fb42860b7e3cfb3b52754c6eb6f80b33fbc82c905cce93063111330cd72b8a6d4575630417d463b9213bb212d9","name":"map_investigated_2021-01-29.png","type":"image/png","lastModified":1611910583314.319,"size":138950},{"id":"3f1704350cb4c471a316d01a73a0e6f5a8bbf332053b6e2ca01abca0a67f6cf568fb5e30204afbd097ec88d0ba33025abf95eb307b23bbe802da4ce8d9123eb0","href":"https://static.observableusercontent.com/files/3f1704350cb4c471a316d01a73a0e6f5a8bbf332053b6e2ca01abca0a67f6cf568fb5e30204afbd097ec88d0ba33025abf95eb307b23bbe802da4ce8d9123eb0","name":"IMG_0323.jpeg","type":"image/jpeg","lastModified":1611920885934.803,"size":172658},{"id":"a97d83ea8d7421afdab05d59083ba5023dfb6a5177cdf89533908f2b2c94d78fc0feeab656b9b96d89407f621f80a29754853ede832c9e030b687f751a04a494","href":"https://static.observableusercontent.com/files/a97d83ea8d7421afdab05d59083ba5023dfb6a5177cdf89533908f2b2c94d78fc0feeab656b9b96d89407f621f80a29754853ede832c9e030b687f751a04a494","name":"japan-no-projection.json","type":"application/json","lastModified":1610514438817.734,"size":327461}] 30:{"id":"707d4d696f5ca687","slug":"any-trends-in-the-operational-style-of-time-signal","title":" 時報のチャイムの運用スタイルに何か傾向は見出せるのか？","thumbnail":"3d0ca3ecd6ceebdf06241206fed47cc07236476d73afaae4287cf40dd5b47db6","access_level":"public","create_time":"$D2020-12-18T08:55:32.676Z","update_time":"$D2021-04-23T14:13:16.567Z","view_time":null,"first_public_time":"$D2020-12-18T09:06:08.374Z","fork":false,"stars":4,"starred":false,"owner":{"type":"team","id":"b930b27208ea05ee","login":"sumikko-mountain","name":"YUIKO SUYAMA","avatar_url":"https://avatars-next.observableusercontent.com/9ea4b3ab49d5846d1a11e11b9b0151c58d47a3d8e35454893036c517d781f81a","tier":"starter_2024"},"version":6891,"publish_version":6891,"role":null,"authored":false,"authors":[{"type":"individual","id":"751514e4cb4a16bf","login":"sumikko-mountain","name":"YUIKO SUYAMA","avatar_url":"https://avatars-next.observableusercontent.com/9ea4b3ab49d5846d1a11e11b9b0151c58d47a3d8e35454893036c517d781f81a","tier":null}],"members":[{"type":"individual","id":"751514e4cb4a16bf","login":"sumikko-mountain","name":"YUIKO SUYAMA","avatar_url":"https://avatars-next.observableusercontent.com/9ea4b3ab49d5846d1a11e11b9b0151c58d47a3d8e35454893036c517d781f81a","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":9,"collection":null,"type":"notebook","body":{"title":" 時報のチャイムの運用スタイルに何か傾向は見出せるのか？","cells":[{"id":0,"value":"html`

時報のチャイムの運用スタイルに何か傾向は見出せるのか？

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":15,"value":"html`

Any trends in the operational style of time signal?

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2,"value":"html`

最終更新日：1/29 | 記者：Yuiko Suyama

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":5837,"value":"html`

あなたの町の防災無線からは、メロディが流れますか？それは何時で、何の曲ですか？

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":6702,"value":"html`

\n\n

防災行政無線から流れる時報のチャイム。その運用は、地域によって異なります。しかし、全国の運用を収集して整理すれば、多用されているパターンや地理的な傾向を見出せるかもしれません。

本記事では、その曲目・鳴動時刻・時期による変化に着目した全国的調査について、データの可視化を通じ、その結果と考察を示します。\n

本記事では、「時報のチャイム」を以下のように定義します。

同報系防災行政無線から流れる、メロディを伴う放送
無線は、屋外拡声器か戸別受信機かを問わない
メロディを伴わない、音声のみの放送は含めない

\n $\"防災行政無線\"$ \n\n

\n\n

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":6327,"value":"html`

\n\n

なお、2021.01.29時点で調査済みの都道府県は以下になります。

岩手県、宮城県、栃木県、埼玉県、千葉県、東京都、神奈川県、新潟県、富山県、石川県、福井県、静岡県、愛知県、三重県、滋賀県、鳥取県、岡山県（団体コード順）

[17/47都道府県] [569/1741市区町村]

現時点では、全国の1/3程度しか調査が済んでいません。あくまでその状態での分析となることをご理解の上、閲覧をお願いいたします。地図表示の際は、調査済み地域のみ市区町村区分線を表示しています。

単純に情報が集めやすい都道府県から調査しています。その他の都道府県については、調査が終わり次第随時反映していきます。2021.04頃までに、可能な限り日本全国の運用を調べ上げることを目指しています。\n

\n\n

\n $\"調査済み地域\"$ \n\n

\n\n

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":5811,"value":"html`

利用した全ての情報は、インターネット上から個人力で収集したものです。データソースは記事の最後にまとめています。
市区町村によって情報の新しさが異なります。古くとも2010年以降程度に収まっていますが、一部最新情報に対応できていない可能性があります。
そのため、全てが絶対に正しい情報であることは保証できません。
時報のチャイムは、市区町村単位で運用している場合が多いですが、ところによっては市区町村以下の単位で独自に運用している場合があります。本記事では、便宜上市区町村単位で情報を整理しています。そのため、時刻や時期等の詳細な情報については、ある地域を代表させて記載している場合があります。
\nまた、時報のチャイムの運用パターンは極めて多岐にわたるため、データ収集のルールを緻密に定義する必要があります。本調査で適用したルール等、詳細につきましてはこちらをご覧ください。

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":5802,"value":"html`

それでは早速、以下のマップをご覧ください。
次のマップは、ドロップダウンリストで選択した曲を採用している市区町村を青で示しています。

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2224,"value":"//曲目の選択メニューを作成\nviewof selectedMusic = {\n const nameSelect = d3.select(\n select({\n title: '曲目',\n options: musics_over2use,\n value: \"夕焼け小焼け\"//デフォルトは馴染み深い曲に\n })\n );\n\n nameSelect\n .select('select')\n .style('font-size', '1.5rem')\n .style('padding', '0.5rem');\n return nameSelect.node();\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2151,"value":"$32","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":5804,"value":"html`

なお、リストには、調査済み地域のうち2箇所以上で採用されている曲が全て入っています。リストを開き、様々な曲をセットしてみてください。曲の採用に地域性があるかを読み取ることができます。

「海」や「山」などの地理的な要素を含む曲は、その採用地域の地理と関係があるでしょうか？— 例えば、「われは海の子」は、実際に海沿いの地域で採用されていることがわかります。

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":589,"value":"md`### どの曲が多く採用されているのか？`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":5783,"value":"html`

ところで、どの曲が多くの市区町村で採用されているのでしょうか？ここで、時報のチャイムの採用曲ランキングを見てみましょう。

次の表は、採用数5以上の曲を、採用数が多い順に示しています。

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1527,"value":"$33","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":5789,"value":"html`

「夕焼け小焼け」の採用数がダントツで高いことがわかります。2位にランクインしている「ウェストミンスターの鐘」は、「キーンコーンカーンコーン…」という、いわゆる学校のチャイムです。3位以降は「ふるさと」「野ばら」「家路」…と続きます。日本の童謡が多くランクインする中で、外国の歌も一定の採用があるようです。

時報のチャイム界隈ではメジャーな曲でも、曲名だけではピンとこないものがあるかもしれません。気になった曲があったら、ぜひネットで検索してみてください。「おばあちゃんの家に遊びに行った時に不意に耳にしたあの曲」が判明するかもしれません。\n

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":5779,"value":"html`

1位に「夕焼け小焼け」、5位に「家路」、そして9位には「赤とんぼ」…夕焼けや日暮れについて歌った曲が多くランクインしています。すると、夕方に時報を実施している地域が多いのでしょうか？

続いて、時報の鳴動時刻について扱います。

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":624,"value":"md`## 鳴動時刻や回数について`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":627,"value":"md`### 何時に鳴ることが多い？`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":5769,"value":"html`

時報のチャイムは何時に鳴ることが多いのでしょうか？

次のグラフは、原則6月最初の平日の鳴動時刻について*、各時刻に鳴動する市区町村数を示しています。時刻は1分単位で切り分けています。

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":6865,"value":"html`

＜各鳴動時刻の採用市区町村数グラフ＞

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1902,"value":"$34","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":5762,"value":"html`

*ここで＜原則6月最初の平日＞としたのは、時期を定めないと、鳴動時刻が定まらない場合があるからです。この縛りは、そのような地域の鳴動時刻を定めるために設定しています。\n
そのため、鳴動が月に一度しかない場合や、土日祝のみの場合、夏休み期間のみ鳴動する場合については、6月最初の平日とはなりませんが、例外的にその際の運用を扱い、対象に含めています。\n

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":5765,"value":"html`

やはり、夕刻に鳴動が多いことが伺えます。鳴動する市区町村数が一番多いの時刻は17:00です。周辺時刻では、17:30や18:00といったキリの良い時刻が多い中、中途半端な時間にもいくらか鳴動があることがわかります。これは、隣接地域への配慮や、同周波数を扱う地域との混信対策として、時刻を微妙にずらしていることがあるからです。

17:00に次いで鳴動が多いのが12:00です。鳴動箇所が多い時刻は、多くの市区町村で時報にふさわしい時刻として認識されていると考えられます。あなたの認識はどうでしょうか？

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":632,"value":"md`### 1日に何回鳴る市区町村が多い？`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":5752,"value":"html`

時報は1日1度だけという地域も、何度も鳴る地域もあります。1日に何回鳴る市区町村が多いのでしょうか？

次の棒グラフは、原則6月最初の平日における1日の鳴動数について、少ない順に該当する市区町村数を示しています。

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":6861,"value":"html`

＜1日の鳴動数グラフ＞

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1621,"value":"$35","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":5755,"value":"html`

時報は1日に1回だけという市区町村の数が一番多いですが、1日2回・3回鳴る地域も少なくないようです。また、最大で1日6回なる地域があることが伺えます。

次は、鳴動数をマッピングした地図で見てみましょう。鳴動数が多いほど濃い色で塗り示しています。

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":6859,"value":"html`

＜1日の鳴動数マップ＞

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2723,"value":"$36","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":5759,"value":"html`

東京の都市部を中心とした地域は鳴動数が少ない傾向にあるようです。確かに都市部では、まちに時計の役目をするものが多く存在します。農村部に比べ、時計のある室内で働く人も多いです。

対して、農村部では外で作業をしながら時報を頼りにしている人も多いのではないかと仮説を立てました。そこで、農業従事者数と1日の鳴動数の相関関係を調べてみました。

次の散布図は、各市区町村の人口に対する基幹的農業従事者の割合と、1日の鳴動数の相関を示しています。

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":6856,"value":"html`

＜基幹的農業従事者割合と鳴動数の散布図＞

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":5358,"value":"viewof ch_rmUnmaintained = checkbox({\n /*description: \"Just a single checkbox to toggle\",*/\n options: [\n {\n value: \"ON\",\n label: \"未整備・未整備？の地域を除く\"\n }\n ],\n value: false\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4984,"value":"$37","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":5749,"value":"html`

基幹的農業従事者数のデータが得られなかった市区町村を除いています。

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":5742,"value":"html`

相関係数は${orgRound(\n r_agriAndTimes,\n 100\n )}で、わずかに正の相関があるようです。

鳴動数0回、つまり時報のチャイムを実施していない地域でも、基幹的農業従事者割合が高い地域が存在します。「未整備・未整備？の地域を除く」にチェックを入れてみてください。防災行政無線未整備（推定含む）の地域を除いて表示します。

すると、正の相関がやや強まることがわかります。農村部は防災行政無線未整備の地域が多いのでしょうか。

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":981,"value":"html`

防災行政無線の整備状況と時報のチャイムの実施状況

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":5701,"value":"html`

ここで、防災行政無線の整備状況と、時報のチャイムの実施状況について触れておきましょう。

次のマップは、各市区町村の防災行政無線の整備状況と、時報のチャイムの実施状況を示しています。

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":6851,"value":"html`

＜防災行政無線の整備状況・時報のチャイムの実施実況マップ＞

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":6004,"value":"$38","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":6364,"value":"html`

実施中：防災行政無線整備あり、時報のチャイム実施中
実施なし：防災行政無線整備あり、時報のチャイムの実施なし
実施なし？：防災行政無線整備あり、時報のチャイムの実施はなさそうだが、ネット上の調査だけでは確証がない
廃止：防災行政無線整備あり、時報のチャイムを過去に実施していたが廃止された
整備中：防災行政無線整備中
未整備：防災行政無線整備なし
未整備？：防災行政無線整備はなさそうだが、ネット上の調査だけでは確証がない

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":6360,"value":"html`

やはり都市部の方が整備が行き届いているようです。整備・実施状況を割合で示すと、以下のようになります。

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":6850,"value":"html`

＜防災行政無線の整備状況・時報のチャイムの実施状況グラフ＞

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":827,"value":"$39","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":5705,"value":"html`

そもそもなぜ時報のチャイムが流れるのでしょうか？一部の市区町村のホームページにその回答が掲載されています。

例えば、岐阜県関市や神奈川県横須賀市では以下のように回答しています。

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":5708,"value":"html`

\n
定時の音楽放送の目的は、いつ起こるかわからない非常事態に備えるための試験放送です。定時に決まった音量で放送することにより、屋外拡声子局（スピーカー）から市内全域へ正常に放送が行われているかどうかを、行政だけでなく市民の皆さまにも確認してもらうことが目的です。
\n 引用：同報無線の音楽放送（時報）は何の為にあるのですか _ FAQ _ 関市役所公式ホームページ\n

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":5717,"value":"html`

\n
定時チャイムは「時報」ではなく、市内の防災行政無線が正常に作動しているかを確認するため、4月～9月は午後5時、10月～3月は午後4時に毎日1回放送しているものです。放送時間については教育委員会と協議のうえ、子どもたちの帰宅の目安となる時間を設定しております。
\n 引用：防災無線放送について｜横須賀市\n

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":5728,"value":"html`

その他の市区町村のホームページを覗いてみても、同じような回答が見られます。すなわち、「時報のチャイム」とはあくまで名目であり、本来の目的は防災行政無線が正常に機能しているかを確認するためです。児童の帰宅を促進を兼ねて運用している地域もあります。

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":637,"value":"html`

時期による運用の変化について

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":642,"value":"md`### 1年に何回放送時刻を切り替える？`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":5657,"value":"html`

本編の最後に、放送時刻の切り替えについてみてみましょう。年中放送時刻を変えない地域もありますが、日の長さに合わせて変動させている地域もあります。

1年に何度切り替えることが多いのでしょうか？次の棒グラフは、放送時刻の切り替え回数が無い・少ない順に、該当する市区町村数を示しています。

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":6845,"value":"html`

＜放送時刻の切り替え回数グラフ＞

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1858,"value":"$3a","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":5664,"value":"html`

なお、「放送時刻の切り替え回数」は以下のように定義しています。
例えば、03.01-06.30は17:00、07.01-08.31は17:30、09.01-10.31は17:00、11.01-02.28は16:30の場合、3回と数えます。同じ時刻に運用している期間がある場合でも、時期的に連続していない場合は分けて数えます。切り替えがない場合は0回とします。

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":5671,"value":"html`

1年中放送時刻を切り替えない市区町村が多いようです。対して、こまめに切り替える地域もあり、最大切り替え数は6回でした。

次は、切り替え回数をマッピングした地図で見てみましょう。

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":6844,"value":"html`

＜放送時刻の切り替え回数マップ＞

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2756,"value":"$3b","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":5678,"value":"html`

1都3県は、まめに切り替えるが地域が比較的多いようです。

放送時刻の切り替えが多い、すなわち、日の長さ応じてこまめに変動させている地域は、児童への防犯意識が高いのではないかと仮説を立てました。そこで、児童数と切り替え回数の相関関係を調べてみました。

次の散布図は、各市区町村の人口に対する15歳未満人口の割合と、放送時刻の切り替え回数の相関を示しています。

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":6839,"value":"html`

＜各市区町村の人口に対する15歳未満人口の割合と、放送時刻の切り替え回数の散布図＞

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":5070,"value":"$3c","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":5683,"value":"html`

相関係数は${R_child}でした。相関関係はほとんどないようです。児童数が多いからこそ町を上げて守るのか、いや、少ないからこそなのか、いずれの可能性もあるでしょう。とにかく、ほとんど相関はありませんでした。

ちなみに、人口と切り替え回数の相関係数も確認したところ、${R_population}でした。人口や年齢構成と切り替え回数は、あまり関係がないのかもしれません。

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":669,"value":"md`### どのように期間を分けていることが多い？`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":5647,"value":"html`

放送時刻を切り替える期間の分け方で、4箇所以上に採用されているパターンを紹介しておきます。

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4494,"value":"mdTableRendered_periodDivision = md`${mdTable_periodDivision}`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":5650,"value":"html`

放送時刻の切り替え数1回のパターンでは、4月頭と10月頭に切り替える市区町村がダントツで多いようです。ただし、その他にもいくらかバリエーションが存在します。

なお、「夏季,冬季」は、調査の結果「夏季,冬季」で分けていることはわかったものの、詳細は不明だった市区町村です。

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":6876,"value":"html`

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":5443,"value":"md`## 番外編`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":5626,"value":"html`

この記事に興味を持ってくださった方は、さらに読み進めてみてください。ここからは、もう少し突っ込んで分析していきます。

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":613,"value":"md`### 地域ゆかりの曲の採用率`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":6747,"value":"html`

地域にゆかりのある曲を時報のチャイムとして採用している地域もあります。

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":6836,"value":"html`

＜地域ゆかりの曲の採用割合グラフ＞

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":993,"value":"$3d","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":5613,"value":"html`

*市区町村の「テーマソング」など、特にその地域専用に作った歌を含めて計上しています。

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":5635,"value":"html`

調査済み地域のうち５分の１ほどの市区町村が地域ゆかりの曲を採用しています。そのうち、82市区町村は市区町村歌*を採用しています。市区町村歌を普及し、まちへの愛着を育む目的があるそうです。

市区町村歌以外では、民謡や小中学校の校歌、ゆるきゃらのテーマソングや、その地域出身のミュージシャンの楽曲を採用している場合があります。その例として、

千葉県館山市：X JAPAN「Forever Love」
愛知県大治町：サンボマスター「世界はそれを愛と呼ぶんだぜ」

などが挙げられます。

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1936,"value":"md`### どんな時間にどんな曲が鳴りがち？`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":5604,"value":"html`

何時にあの曲が鳴りやすい、という傾向はあるのでしょうか？

次の表では、採用数5以上の「時刻と曲の組み合わせ」を、採用数が多い順に示しています。

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4478,"value":"mdTableRendered_pairOfMusicAndTime = md`${mdTable_pairOfMusicAndTime}`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":5580,"value":"html`

「17:00に夕焼け小焼けが流れる」この組み合わせが最もスタンダードな模様です。
「ウェストミンスターの鐘は」、時刻を問わずに使われており、汎用性の高い印象です。
「ふるさと」は、歌詞中で具体的な時刻を言及していないものの、多くの地域で夕方のイメージをもって使われていることが伺えます。
「恋はみずいろ」や「野ばら」は午前中に使用されがちです。

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":619,"value":"md`### 1市区町村あたりの採用曲数は？`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":5536,"value":"html`

時報のチャイムの運用で切り替わるのは、鳴動時刻だけではありません。複数曲のストックを持ち、季節や時間によって曲を切り替えて放送している地域もあります。

次の棒グラフは、採用曲数が少ない順に、該当する市区町村数を示しています。

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":6830,"value":"html`

＜市区町村ごとの採用曲数グラフ＞

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1696,"value":"$3e","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":5538,"value":"html`

一曲のみ採用している市区町村が多いですが、たくさんのバリエーションを持つ市町村もあるようです。

次に、採用曲数をマッピングした地図を見てみましょう。

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":6821,"value":"html`

＜市区町村ごとの採用曲数マップ＞

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":5094,"value":"viewof ch_drawRegionDef = checkbox({\n /*description: \"Just a single checkbox to toggle\",*/\n options: [\n {\n value: \"ON\",\n label: \"地域によって運用が異なる市区町村を示す\"\n }\n ],\n value: false\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4222,"value":"$3f","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":5542,"value":"html`

なお、地域によって運用が異なる市区町村については、その市区町村内のそれぞれの地域が採用している曲を全て計上しています。計上の仕様上、そのような市区町村は採用曲数が多い扱いになりやすいことをご了承ください。「地域によって運用が異なる市区町村を示す」をチェックすると、該当する市区町村を赤線で示します。

ただ、地域によって運用が異なる市区町村でも、曲のバリエーションがあまりない場合があります。同じ曲を用いて、地域ごとに時刻だけをずらしているケースがこれにあたります。\n逆に、全域で共通の運用をしていても、多くの曲を採用している市区町村もあります。

このマップは、時報のチャイムの運用がいかに地域によって異なるかを示しているとも言えるでしょう。

\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4037,"value":"html`

---------この記事の本文はここまでです。---------

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":6802,"value":"html`

備考 — Notes

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4087,"value":"html`

時期・曜日・日によって運用が異なる市区町村

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4308,"value":"table(conditions, {\n // nully: () => 'No data',\n //limit: 500,\n //enableFilter: false,\n //enableCSVDownload: true,\n columns: [\n {\n key: 'municipalities',\n name: '市区町村' //見出しでスペース取ると烈幅が調整できる...\n },\n {\n key: 'conditions',\n name: '時期・曜日・日による鳴動の条件'\n }\n ]\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":6798,"value":"html`

地域によって運用が異なる市区町村

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4865,"value":"$40","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":6806,"value":"html`

その他備考欄

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4300,"value":"table(notes, {\n // nully: () => 'No data',\n //limit: 500,\n //enableFilter: false,\n //enableCSVDownload: true,\n columns: [\n {\n key: 'municipalities',\n name: '市区町村　　　　　'//見出しでスペース取ると烈幅が調整できる...\n },\n {\n key: 'note',\n name: '備考',\n }\n ]\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":6408,"value":"html`

備考欄の記載方法

※1：全域共通の運用のみ取り上げた（上記地図の青色）
※2+［地域名］：地域によって運用がバラバラなため、代表して［地域名］での運用について記載（上記地図の緑色）
※3+［地域名］：ある１地域（［地域名］）でしか実施していないため、その地域について記載（上記地図の橙色）
※4：長期休み限定放送あり

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4065,"value":"html`

謝辞 — Special Thanks

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":6683,"value":"html`

技術協力に感謝致します

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4075,"value":"md`\n- Prof. Tatsuo Sugimoto\n- Students in a network design class.\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4069,"value":"html`

Notebooks used for code reference

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4071,"value":"md`\n- https://observablehq.com/@d3/bar-chart\n- https://observablehq.com/@d3/horizontal-bar-chart\n- https://observablehq.com/@d3/pie-chart\n- https://observablehq.com/@thetylerwolf/day-17-radial-bar-chart\n- https://observablehq.com/@d3/choropleth\n- https://observablehq.com/@d3/scatterplot\n- https://observablehq.com/@clhenrick/tooltip-component\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4083,"value":"md`### データの出典 — Source of data`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":5189,"value":"html`

時報のチャイムの運用に関するデータ

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":5855,"value":"$41","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4333,"value":"table(dataByRefs, {\n // nully: () => 'No data',\n //limit: 500,\n //enableFilter: false,\n //enableCSVDownload: true,\n columns: [\n {\n key: 'municipalities',\n name: '市区町村　　　　　'//見出しでスペース取ると烈幅が調整できる...\n },\n {\n key: 'url',\n name: '参考',\n render: val => `${val}`\n }\n ]\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":5875,"value":"html`

その他のデータ

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4272,"value":"$42","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":5172,"value":"table(agriRef, {\n // nully: () => 'No data',\n //limit: 500,\n //enableFilter: false,\n //enableCSVDownload: true,\n columns: [\n {\n key: 'name',\n name: '都道府県　　　　　'\n },\n {\n key: 'url',\n name:\n '農林業センサス / 2015年農林業センサス確報第１巻都道府県別統計書　各都道府県のURL',\n render: val => `${val}`\n }\n ]\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":5881,"value":"html`

その他参考資料

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":5230,"value":"html`\n

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":6493,"value":"html`

本調査で適用したルール等、詳細につきましてはこちらをご覧ください。

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":6400,"value":"html`

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4044,"value":"md`以下は、読み物ではありません。`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":525,"value":"html`

Appendix

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":677,"value":"d3 = require('d3@6')","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":526,"value":"//曲目リストの選択メニューを作成するためのノートブック（→ライブラリ）をインポート\nimport { select } from \"@jashkenas/inputs\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":263,"value":"import { checkbox } from \"@jashkenas/inputs\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2608,"value":"import { legend } from \"@d3/color-legend\" //G2 = require(\"@antv/g2@4.0.2\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4294,"value":"import { printTable } from '@uwdata/data-utilities'","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4299,"value":"import { table } from \"@gampleman/table\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4466,"value":"import { dataToMarkdown } from \"@john-guerra/csv-to-markdown-table\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4672,"value":"import { swatch } from '@d3/working-with-color'","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4669,"value":"import { swatches } from '@d3/working-with-color'","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":5036,"value":"import { Tooltip } from \"@clhenrick/tooltip-component\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4026,"value":"html`

Require for Map

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":282,"value":"japan = FileAttachment('japan-no-projection.json').json()\n// japan = d3.json(\"https://unpkg.com/jpn-atlas@1/japan/japan.json\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":5267,"value":"japan_pref = d3.json(\"https://unpkg.com/jpn-atlas@1/japan/japan.json\") //日本のTopoJSONデータの読み込み","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":285,"value":"topojson = require('topojson')","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2135,"value":"//地図の描画に使う\ndata = japan.objects.municipalities.geometries.map(d => ({\n id: d.id,\n value: d.id % 10//以下の色分けのために適当に値を10種類割り当てている\n}))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2144,"value":"uniqueMunicipalities = Array.from(municipalitiesMap.values())","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2146,"value":"// municipalitiesMap = new Map(municipalities.reverse().map(d => [d.id, d]))\nmunicipalitiesMap = new Map(municipalities.reverse().map(d => [d.id, d]))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2148,"value":"municipalities = topojson.feature(japan, japan.objects.municipalities).features","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":56,"value":"html`

Page style

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":45,"value":"$43","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2425,"value":"html`

Codes -データ整形

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2471,"value":"html`

Import csv

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":782,"value":"data_csvAutoType = await d3.csv(\n 'https://gist.githubusercontent.com/mt-sumikko/abb8dbb5acba8603f65fcd1f2f4fd121/raw/73e573eb1568943e28e59835c7e2b5dfabb5c434/wirelessMelody_210129_v3.csv' /*,\n d3.autoType*/\n)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":5163,"value":"//\ndata_agriRef = await d3.csv(\n 'https://gist.githubusercontent.com/mt-sumikko/801d0dc48c969df52116077849267fa3/raw/23c950c816467f85f38ba20f5f20332a39d71147/fundamentalAgriculturalWorker_2015.csv' /*,\n d3.autoType*/\n)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4396,"value":"html`

条件・備考・参考

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4257,"value":"conditions = data_csvAutoType\n .map(d => {\n if (d.dateConditions != \"\" && d.musics != \"なし\") {\n return {\n municipalities: d.municipalities,\n conditions: d.dateConditions\n };\n }\n })\n .filter(v => v) //undefinedを除く","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4088,"value":"notes = data_csvAutoType\n .map(d => {\n if (d.note != \"\" && d.musics != \"なし\") {\n return {\n municipalities: d.municipalities /*.toLocaleString()*/,\n note: d.note\n };\n }\n })\n .filter(v => v) //undefinedを除く","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4264,"value":"references = data_csvAutoType\n .map(d => {\n if (d.ref != \"\") {\n return {\n municipalities: d.municipalities /*.toLocaleString()*/,\n ref: d.ref //プロパティ名日本語で入れてtableにそのまま渡しても大丈夫\n };\n }\n })\n .filter(v => v) //undefinedを除く","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4380,"value":"refs_splitURL = references.map(d => ({\n municipalities: d.municipalities,\n urls: d.ref.split('、')\n}))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4404,"value":"dataByRefs = refs_splitURL\n .map(d =>\n d.urls.map(url => ({\n municipalities: d.municipalities,\n url: url\n }))\n )\n .flat()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":5168,"value":"//農林業センサス / 2015年農林業センサス確報第１巻都道府県別統計書　各都道府県URL\nagriRef = data_agriRef\n .map(d => {\n return {\n name: d.name,\n url: d.url\n }\n })\n .filter(v => v) //undefinedを除く","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":6659,"value":"html`

汎用データ

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4053,"value":"html`

曲目

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2433,"value":"//全曲名を団体コード順に入れた配列\nallMusics = {\n var hoge = [];\n hoge.splice(0);\n var keys = rollupByMusic.keys();\n\n for (var key of keys) {\n if (key != \"なし\" && key != \"チャイム？\" && key != \"？\") {\n hoge.push(key);\n }\n }\n hoge.filter(v => v); //undefinedを除く\n\n return hoge;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3648,"value":"//採用数2以上の曲を団体コード順に入れた配列\nmusics_over2use = {\n var hoge = [];\n hoge.splice(0);\n\n var rollupByMusic_over2use = new Map(\n [...rollupByMusic.entries()].filter(d => d[1] >= 2)\n );\n\n var keys = rollupByMusic_over2use.keys();\n\n for (var key of keys) {\n if (key != \"なし\" && key != \"チャイム？\" && key != \"？\") {\n hoge.push(key);\n }\n }\n hoge.filter(v => v); //undefinedを除く\n return hoge;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2928,"value":"html`

調査対象地域の全団体コード

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2934,"value":"orgCodes_subjectOfResearch = {\n var hoge = [];\n hoge.splice(0);\n for (var i = 0; i < data_csvAutoType.length; i++) {\n hoge.push(data_csvAutoType[i].orgCode);\n }\n return hoge;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3726,"value":"//【当該地域を塗るためのデータ：調査対象地域の明示用】\nuniqueMunicipalities_subjectOfResearch = {\n var hoge = [];\n hoge.splice(0);\n for (var obj of uniqueMunicipalities) {\n for (var i of orgCodes_subjectOfResearch) {\n if (obj.id == i) {\n hoge.push(obj); // 連想配列に格納\n break;\n }\n }\n }\n return hoge;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4814,"value":"orgCodes_onlyAllRegion = data_csvAutoType\n .map(d => {\n if (d.onlyAllRegion != \"\") {\n return d.orgCode;\n }\n })\n .filter(v => v) //undefinedを除く","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4819,"value":"orgCodes_varyByRegion = data_csvAutoType\n .map(d => {\n if (d.varyByRegion != \"\") {\n return d.orgCode;\n }\n })\n .filter(v => v) //undefinedを除く","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4816,"value":"orgCodes_onlyOneRegion = data_csvAutoType\n .map(d => {\n if (d.onlyOneRegion != \"\") {\n return d.orgCode;\n }\n })\n .filter(v => v) //undefinedを除く","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4116,"value":"orgCodes_regionDef = orgCodes_onlyAllRegion.concat(orgCodes_varyByRegion)//地域によって運用が異なる地域まとめ","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4829,"value":"//【当該地域を塗るためのデータ：全域の運用のみ取りあげた市区町村】\nuniqueMunicipalities_onlyAllRegion = {\n var hoge = [];\n hoge.splice(0);\n for (var obj of uniqueMunicipalities) {\n for (var i of orgCodes_onlyAllRegion) {\n if (obj.id == i) {\n hoge.push(obj); // 連想配列に格納\n break;\n }\n }\n }\n return hoge;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4835,"value":"//【当該地域を塗るためのデータ：全域の運用のみ取りあげた市区町村】\nuniqueMunicipalities_varyByRegion = {\n var hoge = [];\n hoge.splice(0);\n for (var obj of uniqueMunicipalities) {\n for (var i of orgCodes_varyByRegion) {\n if (obj.id == i) {\n hoge.push(obj); // 連想配列に格納\n break;\n }\n }\n }\n return hoge;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4830,"value":"//【当該地域を塗るためのデータ：ある１地域でしか実施していない市区町村】\nuniqueMunicipalities_onlyOneRegion = {\n var hoge = [];\n hoge.splice(0);\n for (var obj of uniqueMunicipalities) {\n for (var i of orgCodes_onlyOneRegion) {\n if (obj.id == i) {\n hoge.push(obj); // 連想配列に格納\n break;\n }\n }\n }\n return hoge;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4122,"value":"//【当該地域を塗るためのデータ：地域により運用が異なる市区町村】\nuniqueMunicipalities_regionDef = {\n var hoge = [];\n hoge.splice(0);\n for (var obj of uniqueMunicipalities) {\n for (var i of orgCodes_regionDef) {\n if (obj.id == i) {\n hoge.push(obj); // 連想配列に格納\n break;\n }\n }\n }\n return hoge;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3520,"value":"html`

汎用関数

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":6651,"value":"html`

数値処理

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3522,"value":"//桁数を指定して四捨五入する関数\nfunction orgRound(value, base) {\n return Math.round(value * base) / base; //小数点2位まで見るならbaseには100をいれる\n}\n//c.f. https://qiita.com/nagito25/items/0293bc317067d9e6c560","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":5207,"value":"function Correl(xx, yy) {\n //xx yy is array.\n var m = Math,\n n;\n if (xx.length == yy.length) {\n n = xx.length;\n var sumx = 0,\n sumy = 0,\n sumxx = 0,\n sumyy = 0,\n sumxy = 0,\n xm,\n ym,\n xxi,\n yyi,\n sumxxm = 0,\n sumyym = 0,\n sumxym = 0,\n i;\n for (i = 0; i < n; i++) {\n sumx += xx[i] - 0; //xxの総和\n sumy += yy[i] - 0; //yyの総和\n }\n xm = sumx / n; //xxの平均\n ym = sumy / n; //yyの平均\n for (i = 0; i < n; i++) {\n xxi = xx[i] - 0;\n yyi = yy[i] - 0;\n sumxxm += (xxi - xm) * (xxi - xm); //(xi-average(x))^2\n sumyym += (yyi - ym) * (yyi - ym);\n sumxym += (xxi - xm) * (yyi - ym); //(xi-average(x))*(yi-average(y))\n }\n return sumxym / m.sqrt(sumxxm) / m.sqrt(sumyym); // = sumxym/Math.sqrt(sumxxm*sumyym); //sqrtは平方根を返す\n } else {\n throw new Error(\"Array length is not same.\");\n }\n}\n//https://investment.abbamboo.com/trading-tools/correl-js-gas/","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":6655,"value":"html`

色

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":6142,"value":"themeColor = AntV_blue_colors9[3]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4756,"value":"swatches([\n color_scBlue9(0),\n color_scBlue9(1),\n color_scBlue9(2),\n color_scBlue9(3),\n color_scBlue9(4),\n color_scBlue9(5),\n color_scBlue9(6),\n color_scBlue9(7),\n color_scBlue9(8),\n color_scBlue9(9),\n color_scBlue9(10),\n color_scBlue9(11),\n color_scBlue9(12),\n color_scBlue9(13),\n color_scBlue9(14),\n color_scBlue9(15),\n color_scBlue9(16)\n])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4753,"value":"color_scBlue9 = d3.scaleOrdinal(\n [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16],\n d3.schemeBlues[(1, 2, 3, 4, 5, 6, 7, 8, 9, 9, 9, 9, 9, 9, 9, 9)]\n)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4537,"value":"//color = d3.scaleQuantize([1, 10], d3.schemeBlues[9]) //colorという名前じゃないとダメっぽい？\n/*color_scBlue7 = d3.scaleOrdinal(\n [\"1\", \"2\", \"3\", \"4\", \"5\", \"6\", \"7\"],\n d3.schemeBlues[7]\n)*/\ncolor_scBlue7 = d3.scaleOrdinal([1, 2, 3, 4, 5, 6, 7], d3.schemeBlues[7])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4645,"value":"color_scBlue6 = d3.scaleOrdinal([1, 2, 3, 4, 5, 6], d3.schemeBlues[6])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4879,"value":"swatches(d3.schemePaired)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":6056,"value":"d3_schemePaired = d3.schemePaired","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":5982,"value":"swatches(AntV_colors10)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":5971,"value":"AntV_colors10 =[\"#5B8FF9\",\"#61DDAA\",\"#65789B\",\"#F6BD16\",\"#7262fd\",\"#78D3F8\",\"#9661BC\",\"#F6903D\",\"#008685\",\"#F08BB4\"]\n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":5993,"value":"swatches(AntV_colors20)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":5973,"value":"AntV_colors20 =[\"#5B8FF9\",\"#CDDDFD\",\"#61DDAA\",\"#CDF3E4\",\"#65789B\",\"#CED4DE\",\"#F6BD16\",\"#FCEBB9\",\"#7262fd\",\"#D3CEFD\",\"#78D3F8\",\"#D3EEF9\",\"#9661BC\",\"#DECFEA\",\"#F6903D\",\"#FFE0C7\",\"#008685\",\"#BBDEDE\",\"#F08BB4\",\"#FFE0ED\"]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":6567,"value":"swatches(Ant_natural_colors13)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":6565,"value":"Ant_natural_colors13 = [\n \"#ffffff\",\n \"#fafafa\",\n \"#f5f5f5\",\n \"#f0f0f0\",\n \"#d9d9d9\",\n \"#bfbfbf\",\n \"#8c8c8c\",\n \"#595959\",\n \"#434343\",\n \"#262626\",\n \"#1f1f1f\",\n \"#141414\",\n \"#000000\"\n]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":6583,"value":"swatches(grayScale_colors5)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":6581,"value":"grayScale_colors5 = [\"#fff\", \"#ccc\", \"#999\", \"#666\", \"#333\"]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":6015,"value":"swatches(Ant_DaybreakBlue_colors10)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":6013,"value":"Ant_DaybreakBlue_colors10 = [\"#e6f7ff\",\"#bae7ff\",\"#91d5ff\",\"#69c0ff\",\"#40a9ff\",\"#1890ff\",\"#096dd9\",\"#0050b3\",\"#003a8c\",\"#002766\"]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":6025,"value":"swatches(Ant_GeekBlue_colors10)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":6023,"value":"Ant_GeekBlue_colors10 = [\n \"#f0f5ff\",\n \"#d6e4ff\",\n \"#adc6ff\",\n \"#85a5ff\",\n \"#597ef7\",\n \"#2f54eb\",\n \"#1d39c4\",\n \"#10239e\",\n \"#061178\",\n \"#030852\"\n]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":6008,"value":"swatches(AntV_blue_colors9)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":6006,"value":"AntV_blue_colors9 = [\n \"#B8E1FF\",\n \"#9AC5FF\",\n \"#7DAAFF\",\n \"#5B8FF9\",\n \"#3D76DD\",\n \"#085EC0\",\n \"#0047A5\",\n \"#00318A\",\n \"#001D70\"\n]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":6269,"value":"colorScale_blue_from0 = d3\n .scaleOrdinal()\n .domain([0, 1, 2, 3, 4, 5, 6])\n .range(AntV_blue_colors9)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":6029,"value":"colorScale_blue_from1 = d3\n .scaleOrdinal()\n .domain([1, 2, 3, 4, 5, 6, 7, 8, 9])\n .range(AntV_blue_colors9)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2427,"value":"html`

防災行政無線整備状況・時報のチャイム実施状況

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":5925,"value":"html`

マップ用データデータ整形

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":5306,"value":"orgCodes_ongoing = data_csvAutoType\n .map(d => {\n if (d.status == \"実施中\") {\n return d.orgCode;\n }\n })\n .filter(v => v) //undefinedを除く","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":5307,"value":"orgCodes_notImplemented = data_csvAutoType\n .map(d => {\n if (d.status == \"実施なし\") {\n return d.orgCode;\n }\n })\n .filter(v => v) //undefinedを除く","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":5313,"value":"orgCodes_abolition = data_csvAutoType\n .map(d => {\n if (d.status == \"廃止\") {\n return d.orgCode;\n }\n })\n .filter(v => v) //undefinedを除く","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":5896,"value":"orgCodes_notImplemented_maybe = data_csvAutoType\n .map(d => {\n if (d.status == \"実施なし？\") {\n return d.orgCode;\n }\n })\n .filter(v => v) //undefinedを除く","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":5311,"value":"orgCodes_underConstruction = data_csvAutoType\n .map(d => {\n if (d.status == \"整備中\") {\n return d.orgCode;\n }\n })\n .filter(v => v) //undefinedを除く","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":5310,"value":"orgCodes_unmaintained = data_csvAutoType\n .map(d => {\n if (d.status == \"未整備\") {\n return d.orgCode;\n }\n })\n .filter(v => v) //undefinedを除く","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":5892,"value":"orgCodes_unmaintained_maybe = data_csvAutoType\n .map(d => {\n if (d.status == \"未整備？\") {\n return d.orgCode;\n }\n })\n .filter(v => v) //undefinedを除く","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":5922,"value":"$44","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2330,"value":"html`

円グラフ用データデータ整形

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":784,"value":"dataByStatys = d3.group(data_csvAutoType, d => d.status)//実施状況をキーとするMapオブジェクト","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1104,"value":"//【グラフ用データ：整備状況と実施状況】//これは市区町村のデータの入る順番で調整が必要　いつか自動化したい\nstatusPercentage = {\n var hoge = [];\n hoge.splice(0);\n var huga = [];\n huga.splice(0);\n\n //rollupして整形したmapオブジェクトからオブジェクトの配列をつくる\n for (const [name, _value] of dataByStatys) {\n var value = (_value.length / data_csvAutoType.length) * 100; //全調査対象地点に対する割合\n huga.push({ name, value });\n }\n //valueが大きい順にソートする\n /* hoge.sort(function(a, b) {\n if (a.value < b.value) {\n return 1;\n } else {\n return -1;\n }\n });*/\n //便宜上任意の順番でソートした配列を作って、これを返すようにする\n //実施中・実施なし・実施なし？・廃止・整備中・未整備・未整備？の順に\n\n hoge = [huga[0], huga[2], huga[3], huga[5], huga[6], huga[1], huga[4]];\n\n //ヘッダを入れる　ここではなくても大丈夫\n Object.assign(hoge, {\n columns: [\"name\", \"value\"]\n });\n return hoge;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":6592,"value":"html`

円グラフ用関数

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":828,"value":"color_pie = d3\n .scaleOrdinal()\n .domain(statusPercentage.map(d => d.name))\n .range(\n d3\n .quantize(\n t => d3.interpolateSpectral(t * 0.8 + 0.1),\n statusPercentage.length\n )\n .reverse()\n )","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":6099,"value":"color_status = d3\n .scaleOrdinal()\n .domain([\n \"実施中\",\n \"実施なし\",\n \"実施なし？\",\n \"廃止\",\n \"整備中\",\n \"未整備\",\n \"未整備？\"\n ])\n .range([\n \"#5B8FF9\",\n \"#73d13d\",\n \"#d9f7be\",\n \"#ffc53d\",\n \"#ff4d4f\",\n \"#bfbfbf\",\n \"#d9d9d9\"\n ])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":6378,"value":"color_local = d3\n .scaleOrdinal()\n .domain([\n \"採用\",\n \"採用なし\",\n ])\n .range([\n themeColor,\n \"#73d13d\",\n ])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":830,"value":"height_pie = Math.min(width, 300)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":832,"value":"arc = d3\n .arc()\n .innerRadius(0)\n .outerRadius(Math.min(width, height_pie) / 2 - 1)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3852,"value":"arc_inner = d3\n .arc()\n .innerRadius(0)\n .outerRadius(Math.min(width, height_pie) / 3 - 1)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":834,"value":"arcLabel = {\n const radius = (Math.min(width, height_pie) / 2) * 0.8;\n return d3\n .arc()\n .innerRadius(radius)\n .outerRadius(radius);\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3857,"value":"arcLabel_inner = {\n const radius = (Math.min(width, height_pie) / 3) * 0.8;\n return d3\n .arc()\n .innerRadius(radius)\n .outerRadius(radius);\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":836,"value":"pie = d3\n .pie()\n .sort(null)\n .value(d => d.value)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":6613,"value":"html`

曲目について

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2338,"value":"html`

採用曲ランキング

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":289,"value":"//、で区切った曲目配列を持つ市区町村ごとのオブジェクト\ndata_melody = data_csvAutoType.map(d => ({\n ...d, //オブジェクトを全てコピー\n musicArr: d.musics.split('、') //コピーした中のd.musicsについて、、で分割して、musicArr（プロパティ名）に入れる\n //つまりオブジェクトの一番最後にmusicArrなるプロパティを追加した\n}))\n\n//オブジェクトの配列を作った","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2973,"value":"data_melody_rmNon = removeNon(data_melody) //曲の\"なし\"を省く","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2576,"value":"//musics：\"なし\"をもつ要素を取り除く関数\nremoveNon = d => {\n d.some((v, i) => {\n if (v.musics == \"なし\") {\n d.splice(i, 1);\n }\n });\n return d;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":294,"value":"//曲について縦持ちデータ状態にしたオブジェクト　オブジェクトの一番最後にmusicという1曲だけの情報が入ったプロパティ\ndataByMusic = data_melody_rmNon\n .map(\n (\n d //データの中の、\n ) =>\n d.musicArr.map(music => ({\n //musicArrの中のデータについて、musicを引数として\n ...d, //全てコピーして（dは相変わらずd）\n music: music //プロパティ（分割された1曲分）を一番後ろに追加\n })) //というのをそれぞれのデータ内のmusicArrの数分繰り返して一回り（一自治体）\n ) //このままだと、取り出した一曲が配列の中の配列musicArrにはいったままになってしまうので\n .flat() //1つ抜け出した、周りと同じレベルに平す","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":297,"value":"groupByMusic = d3.group(dataByMusic, d => d.music) //music（先ほど１曲ごとに仕立て上げた）について、グループ分けする、分けられたオブジェクトにはもちろんmusicのプロパティも入っている","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":299,"value":"rollupByMusic = d3.rollup(dataByMusic, v => v.length, d => d.music)\n/*d3.rollupでは、合計やカウントなどの対応するサマリー値を計算することで、各グループを「縮小」することができます。結果は、キーから縮小された値へのマップとなります\n第二引数にreducer関数\n rollup(data, reducer, key1, key2...). 各グループについて、reducer はグループを配列として受け取り、縮小された値を返します。\n*/","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1006,"value":"//【グラフ用データ：採用曲ランキング】 name:,value:採用数のオブジェクトの配列ヘッダを加え、採用数5以上の曲に絞る\ngraphData_musicRank = {\n var hoge = [];\n hoge.splice(0);\n //rollupして整形したmapオブジェクトからオブジェクトの配列をつくる\n for (const [name, value] of rollupByMusic) {\n //console.log(\"value\" + value);\n hoge.push({ name, value });\n }\n\n //valueが大きい順にソートする\n hoge.sort(function(a, b) {\n if (a.value < b.value) {\n return 1;\n } else {\n return -1;\n }\n });\n //ヘッダを入れる\n Object.assign(hoge, {\n columns: [\"name\", \"value\"],\n x: \"→ 市区町村数[箇所］\",\n y: \"\"\n });\n\n hoge = hoge.filter(d => d.value >= 5).filter(d => d.name != \"なし\"); //どうも曲名\"なし\"がdata_melody_rmNon段階で取り除かれないことがあるので保険\n\n return hoge;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":6887,"value":"musicRanking = new Map([...rollupByMusic.entries()].sort((a, b) => b[1] - a[1]))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2395,"value":"html`

採用曲マップ

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2183,"value":"//曲ごとに採用している市区町村のコードを配列にまとめたオブジェクトの配列\norgCodesForMusic = {\n var hoge = [];\n hoge.splice(0);\n\n for (const [name, _value] of groupByMusic) {\n var length = _value.length;\n var value = [];\n for (var i = 0; i < length; i++) {\n var huga = _value[i].orgCode;\n value.push(String(huga));\n }\n\n hoge.push({ name, value });\n }\n return hoge;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2247,"value":"//ドロップダウンで選ばれた曲に対応する市区町村コードの配列\nselectedOrgCodes_music = orgCodesForMusic.find(\n element => element.name == selectedMusic\n).value\n//https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/Array/find","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2265,"value":"//【当該地域を塗るためのデータ：採用曲用】該当する市区町村の情報の入ったオブジェクトの配列\nuniqueMunicipalities_music = {\n var hoge = [];\n hoge.splice(0);\n for (var obj of uniqueMunicipalities) {\n for (var i of selectedOrgCodes_music) {\n if (obj.id == i) {\n hoge.push(obj); // 連想配列に格納\n break;\n }\n }\n }\n return hoge;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2379,"value":"md`採用曲の地域性-地図描画用データ準備-END`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3952,"value":"html`

地域ゆかりの曲の採用率

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1130,"value":"dataByLocalMusic = d3.group(data_csvAutoType, d => d.localMusic)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1133,"value":"graphData_localMusicPercentage = {\n var hoge = [];\n hoge.splice(0);\n //rollupして整形したmapオブジェクトからオブジェクトの配列をつくる\n for (const [name, _value] of dataByLocalMusic) {\n var value = _value.length;\n //console.log({ name, _value } + value);\n\n hoge.push({ name, value });\n }\n\n //ヘッダを入れる\n Object.assign(hoge, {\n columns: [\"name\", \"value\"]\n });\n return hoge;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2120,"value":"dataByTownSong = d3.group(data_csvAutoType, d => d.townSong)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2128,"value":"//市区町村の歌の採用率\ngraphData_townSongPercentage = {\n var hoge = [];\n hoge.splice(0);\n for (const [name, _value] of dataByTownSong) {\n var value = _value.length;\n hoge.push({ name, value });\n }\n\n //ヘッダを入れる\n Object.assign(hoge, {\n columns: [\"name\", \"value\"]\n });\n return hoge;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4115,"value":"html`

市区町村あたりの採用曲数

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":6599,"value":"html`

棒グラフ用データ整形

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1140,"value":"groupByMunicipalities_music = d3.group(dataByMusic, d => d.orgCode)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1148,"value":"MusicPerMunicipalities = {\n var hoge = [];\n hoge.splice(0);\n\n for (const [name, _value] of groupByMunicipalities_music) {\n var value = _value.length;\n hoge.push({ name, value });\n }\n return hoge;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1720,"value":"rollupByNumberOfMusic = d3.rollup(\n MusicPerMunicipalities,\n v => v.length,\n d => d.value\n)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1736,"value":"//【グラフ用データ：市区町村ごとの持ち曲数】\ngraphData_musicPerMunicipalities = {\n var hoge = [];\n hoge.splice(0);\n //rollupして整形したmapオブジェクトからオブジェクトの配列をつくる\n for (const [name, value] of rollupByNumberOfMusic) {\n hoge.push({ name, value });\n }\n\n //nameが小さい順にソートする\n hoge.sort(function(a, b) {\n if (a.name < b.name) {\n return -1;\n } else {\n return 1;\n }\n });\n //ヘッダを入れる\n Object.assign(hoge, {\n columns: [\"name\", \"value\"],\n x: \"持ち曲数[曲］\",\n y: \"↑ 市区町村数[箇所]\"\n });\n\n return hoge;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":6600,"value":"html`

マップ用データ整形

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4131,"value":"groupByMusicStock = d3.group(MusicPerMunicipalities, d => d.value)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4133,"value":"//持ち曲数ごとに採用している市区町村のコードを配列にまとめたオブジェクトの配列\norgCodesForMusicStock = {\n var hoge = [];\n hoge.splice(0);\n\n for (const [name, _value] of groupByMusicStock) {\n var length = _value.length;\n var value = [];\n for (var i = 0; i < length; i++) {\n var huga = _value[i].name;\n value.push(huga);\n }\n\n hoge.push({ name, value });\n }\n hoge.sort(function(a, b) {\n if (a.name < b.name) {\n return -1;\n } else {\n return 1;\n }\n });\n return hoge;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4140,"value":"selectedOrgCodes_1stock = orgCodesForMusicStock.find(\n element => element.name == 1\n).value","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4142,"value":"selectedOrgCodes_2stock = orgCodesForMusicStock.find(element => element.name == 2 ).value","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4143,"value":"selectedOrgCodes_3stock = orgCodesForMusicStock.find(element => element.name == 3 ).value","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4145,"value":"selectedOrgCodes_4stock = orgCodesForMusicStock.find(element => element.name == 4 ).value","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4147,"value":"selectedOrgCodes_5stock = orgCodesForMusicStock.find(element => element.name == 5 ).value","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4149,"value":"selectedOrgCodes_6stock = orgCodesForMusicStock.find(element => element.name == 6 ).value","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4151,"value":"selectedOrgCodes_7stock = orgCodesForMusicStock.find(element => element.name == 7 ).value","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4153,"value":"selectedOrgCodes_8stock = orgCodesForMusicStock.find(element => element.name == 8 ).value","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4155,"value":"selectedOrgCodes_9stock = orgCodesForMusicStock.find(element => element.name == 9 ).value","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4157,"value":"selectedOrgCodes_10stock = orgCodesForMusicStock.find(element => element.name == 10 ).value","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4159,"value":"selectedOrgCodes_11stock = orgCodesForMusicStock.find(element => element.name == 11 ).value","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4161,"value":"selectedOrgCodes_12stock = orgCodesForMusicStock.find(element => element.name == 12 ).value","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4163,"value":"selectedOrgCodes_13stock = orgCodesForMusicStock.find(element => element.name == 13 ).value","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4172,"value":"/*selectedOrgCodes_14stock = orgCodesForMusicStock.find(element => element.name == 14 ).value*///現状なし","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4165,"value":"selectedOrgCodes_15stock = orgCodesForMusicStock.find(element => element.name == 15 ).value","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4170,"value":"selectedOrgCodes_16stock = orgCodesForMusicStock.find(element => element.name == 16 ).value","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4177,"value":"$45","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3268,"value":"html`

鳴動時刻や回数について

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":6607,"value":"html`

鳴動時刻の放射状グラフ用関数

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3325,"value":"width_radial = 900;","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3324,"value":"height_radial = 900;","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3274,"value":"innerRadius_radial = 0.35 * width_radial/2","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3276,"value":"outerRadius_radial = (0.9 * width_radial) / 2","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3262,"value":"xScale_radial = d3.scaleBand(\n graphData_ringTimes.map(d => d.minute),\n [ 0, 2 * Math.PI ]\n )","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3264,"value":"yScale_radial = d3\n .scaleLinear()\n .domain(d3.extent(yDomain))\n .range([innerRadius_radial, outerRadius_radial]);","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3272,"value":"yDomain = {\n const min = 0,\n max = d3.max(graphData_ringTimes, d => d.value);\n\n return [min, max];\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3279,"value":"$46","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3281,"value":"$47","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3953,"value":"html`

鳴動時刻

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1246,"value":"dataByTime1 = d3.group(data_csvAutoType, d => d.time1)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1248,"value":"dataByTime2 = d3.group(data_csvAutoType, d => d.time2)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1249,"value":"dataByTime3 = d3.group(data_csvAutoType, d => d.time3)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1251,"value":"dataByTime4 = d3.group(data_csvAutoType, d => d.time4)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1253,"value":"dataByTime5 = d3.group(data_csvAutoType, d => d.time5)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1255,"value":"dataByTime6 = d3.group(data_csvAutoType, d => d.time6)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1259,"value":"ringTime1 = {\n var hoge = [];\n hoge.splice(0);\n for (const [name, _value] of dataByTime1) {\n var value = _value.length;\n hoge.push({ name, value });\n }\n return hoge;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1279,"value":"ringTime2 = {\n var hoge = [];\n hoge.splice(0);\n for (const [name, _value] of dataByTime2) {\n var value = _value.length;\n hoge.push({ name, value });\n }\n return hoge;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1280,"value":"ringTime3 = {var hoge = [];\n hoge.splice(0);\n for (const [name, _value] of dataByTime3) {\n var value = _value.length;\n hoge.push({ name, value });\n }\n return hoge;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1282,"value":"ringTime4 = {var hoge = [];\n hoge.splice(0);\n for (const [name, _value] of dataByTime4) {\n var value = _value.length;\n hoge.push({ name, value });\n }\n return hoge;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1284,"value":"ringTime5 = {var hoge = [];\n hoge.splice(0);\n for (const [name, _value] of dataByTime5) {\n var value = _value.length;\n hoge.push({ name, value });\n }\n return hoge;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1286,"value":"ringTime6 = {var hoge = [];\n hoge.splice(0);\n for (const [name, _value] of dataByTime6) {\n var value = _value.length;\n hoge.push({ name, value });\n }\n return hoge;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1312,"value":"//nullと不明瞭だった時間を持つ要素を取り除く関数\nremoveNullandUnknownTime = d => {\n d.some((v, i) => {\n if (v.name == \"\") {\n d.splice(i, 1);\n } else if (v.name == \"朝\") {\n d.splice(i, 1);\n } else if (v.name == \"昼\") {\n d.splice(i, 1);\n } else if (v.name == \"夕方\") {\n d.splice(i, 1);\n } else if (v.name == \"夜\") {\n d.splice(i, 1);\n }\n });\n return d;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1777,"value":"//一回全部一つの配列にまとめつつ綺麗にする\ncollectRingTimes = removeNullandUnknownTime(\n ringTime1.concat(ringTime2, ringTime3, ringTime4, ringTime5, ringTime6)\n)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1791,"value":"groupByRingTimes = d3.group(collectRingTimes, d => d.name)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1821,"value":"//【グラフ用データ：鳴動時間】\ngraphData_ringTimes = {\n var hoge = [];\n hoge.splice(0);\n //あらかじめ全ての時間に鳴動数「0」地点を入れておく★\n for (var i = 0; i < 1440; i++) {\n {\n hoge.push({ minute: i, value: 0 });\n }\n }\n //時刻ごとに配列の中身（地点の数）を計上する\n for (const [_name, _value] of groupByRingTimes) {\n var value = 0;\n var name_minute = formatToMinutes(_name); //00:00型の時刻を数値の\"分\"にしておく\n for (var i = 0; i < _value.length; i++) {\n value += _value[i].value;\n }\n\n //上で存在した鳴動時刻については、計上した値に書き換える\n for (var i = 0; i < hoge.length; i++) {\n if (hoge[i].minute == name_minute) {\n hoge[i].value = value;\n }\n }\n }\n return hoge;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3161,"value":"//00:00形式の時刻を分に直す 0分-1440分で1日\nformatToMinutes = d => {\n var time = d.split(':');\n var formatedTime = Number(time[0]) * 60 + Number(time[1]);\n\n return formatedTime;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3955,"value":"html`

1日あたりの鳴動数

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1372,"value":"dataByTimes = data_csvAutoType.map(d => {\n //1回目の鳴動から順に見て、\"\"（空・データなし）になったタイミングで鳴動数を判断する\n if (d.time1 == \"\") {\n return { name: d.orgCode, value: 0 }; /*return 0*/\n } else if (d.time2 == \"\") {\n return { name: d.orgCode, value: 1 };\n } else if (d.time3 == \"\") {\n return { name: d.orgCode, value: 2 };\n } else if (d.time4 == \"\") {\n return { name: d.orgCode, value: 3 };\n } else if (d.time5 == \"\") {\n return { name: d.orgCode, value: 4 };\n } else if (d.time6 == \"\") {\n return { name: d.orgCode, value: 5 };\n } else {\n return { name: d.orgCode, value: 6 };\n }\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2661,"value":"groupByTimes = d3.group(dataByTimes, d => d.value)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2682,"value":"//1日あたりの鳴動数ごとに採用している市区町村のコードを配列にまとめたオブジェクトの配列\norgCodesForTimes = {\n var hoge = [];\n hoge.splice(0);\n\n for (const [name, _value] of groupByTimes) {\n var length = _value.length;\n var value = [];\n for (var i = 0; i < length; i++) {\n var huga = _value[i].name;\n //console.log(_value[i].name);\n value.push(huga);\n }\n\n hoge.push({ name, value });\n }\n return hoge;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3001,"value":"selectedOrgCodes_0times = orgCodesForTimes.find(\n element => element.name == 0 \n).value","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2714,"value":"selectedOrgCodes_1times = orgCodesForTimes.find(\n element => element.name == 1 \n).value","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2990,"value":"selectedOrgCodes_2times = orgCodesForTimes.find(\n element => element.name == 2 \n).value","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2991,"value":"selectedOrgCodes_3times = orgCodesForTimes.find(\n element => element.name == 3 \n).value","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2995,"value":"selectedOrgCodes_4times = orgCodesForTimes.find(\n element => element.name == 4 \n).value","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2996,"value":"selectedOrgCodes_5times = orgCodesForTimes.find(\n element => element.name == 5 \n).value","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2998,"value":"selectedOrgCodes_6times = orgCodesForTimes.find(\n element => element.name == 6 \n).value","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2712,"value":"$48","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3997,"value":"html`

鳴動数の棒グラフ用データ

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1426,"value":"rollupByTimes = d3.rollup(dataByTimes, v => v.length, d => d.value)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1442,"value":"//【グラフ用データ：1日あたりの鳴動数】\ngraphData_ringTimesPerDay = {\n var hoge = [];\n hoge.splice(0);\n\n for (const [name, value] of rollupByTimes) {\n hoge.push({ name, value });\n }\n\n //鳴動数が小さい順＝nameが小さい順にソートする\n hoge.sort(function(a, b) {\n if (a.name < b.name) {\n return -1;\n } else {\n return 1;\n }\n });\n //ヘッダを入れる\n Object.assign(hoge, {\n columns: [\"name\", \"value\"],\n x: \"鳴動数[回/日］\",\n y: \"↑ 市区町村数[箇所]\"\n });\n\n return hoge;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4932,"value":"html`

鳴動数と基幹的農業従事者数割合の相関

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4961,"value":"$49","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4964,"value":"graphData_agriAndTimes = Object.assign(\n agriAndTimes,\n ({ name, mpg: x, hp: y }) => ({ name, x: +x, y: +y }),\n { x: \"基幹的農業従事者割合[%] →\", y: \"↑ 1日あたりの鳴動数[回]\" }\n)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":5200,"value":"//相関係数計算用　基幹的農業数の割合　市区町村コード昇順\narray_agri = agriAndTimes.map(d => d.x)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":5212,"value":"//相関係数計算用　鳴動数　市区町村コード昇順\narray_times = agriAndTimes.map(d => d.y)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":5209,"value":"//基幹的農業数の割合と1日あたりの鳴動数の相関係数（基幹的農業数の割合が公表されている分のみ）\nr_agriAndTimes = Correl(array_agri, array_times)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":5321,"value":"$4a","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":5330,"value":"graphData_agriAndTimes_rmUnmaintained = Object.assign(\n agriAndTimes_rmUnmaintained,\n ({ name, mpg: x, hp: y }) => ({ name, x: +x, y: +y }),\n { x: \"基幹的農業従事者割合[%] →\", y: \"↑ 1日あたりの鳴動数[回]\" }\n)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":5352,"value":"html`

未整備・未整備？の地域を除いた場合

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":5334,"value":"//相関係数計算用　基幹的農業数の割合　市区町村コード昇順　未整備と未整備？地域を除く\narray_agri_rmUnmaintained = agriAndTimes_rmUnmaintained.map(d => d.x)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":5336,"value":"//相関係数計算用　鳴動数　市区町村コード昇順　未整備と未整備？地域を除く\narray_times_rmUnmaintained = agriAndTimes_rmUnmaintained.map(d => d.y)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":5347,"value":"//基幹的農業数の割合と1日あたりの鳴動数の相関係数（基幹的農業数の割合が公表されている分のみ）\nr_agriAndTimes_rmUnmaintained = Correl(\n array_agri_rmUnmaintained,\n array_times_rmUnmaintained\n)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":5394,"value":"R_agri = {\n if (ch_rmUnmaintained == \"ON\") {\n return orgRound(r_agriAndTimes_rmUnmaintained, 100);\n } else {\n return orgRound(r_agriAndTimes, 100);\n }\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3957,"value":"html`

時間と曲のペアごとの採用数

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1972,"value":"dataByTimesAndMusic1 = data_csvAutoType.map(d => {\n if (d.time1 == \"\") {\n return; //->undefined\n } else {\n return {name: d.music1 , value: d.time1};\n }\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1984,"value":"dataByTimesAndMusic2 = data_csvAutoType.map(d => {\n if (d.time2 == \"\") {\n return;\n } else {\n return {name: d.music2 , value: d.time2};\n }\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1988,"value":"dataByTimesAndMusic3 = data_csvAutoType.map(d => {\n if (d.time3 == \"\") {\n return;\n } else {\n return {name: d.music3 , value: d.time3};\n }\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1989,"value":"dataByTimesAndMusic4 = data_csvAutoType.map(d => {\n if (d.time4 == \"\") {\n return;\n } else {\n return {name: d.music4 , value: d.time4};\n }\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1991,"value":"dataByTimesAndMusic5 = data_csvAutoType.map(d => {\n if (d.time5 == \"\") {\n return;\n } else {\n return {name: d.music5 , value: d.time5};\n }\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1993,"value":"dataByTimesAndMusic6 = data_csvAutoType.map(d => {\n if (d.time6 == \"\") {\n return;\n } else {\n return { name: d.music6, value: d.time6 };\n }\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1997,"value":"collectTimeAndMusic = dataByTimesAndMusic1\n .concat(\n dataByTimesAndMusic2,\n dataByTimesAndMusic3,\n dataByTimesAndMusic4,\n dataByTimesAndMusic5,\n dataByTimesAndMusic6\n )\n .filter(v => v) //undefinedを除く","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2018,"value":"groupByTimeAndMusic = d3.group(collectTimeAndMusic, d => d.value)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2780,"value":"$4b","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2808,"value":"//【グラフ用データ：時間と曲のペアランキング】曲と時間のペア　countが多い順にソートして、5以上のものに絞る\n\ngraphData_MusicAndTimes = {\n var hoge = [];\n hoge.splice(0);\n\n for (const obj of MusicAndTimes) {\n var value = [];\n var time = obj.name;\n var musicList = []; //時間ごとに曲目を入れる配列を初期化する\n musicList = Object.keys(obj.count); //キーが曲目になっているので全て突っ込み、iで回せるようにする（そのままだと曲名を使わないといけないので自動化できない）。\n\n for (var i = 0; i < musicList.length; i++) {\n var music = musicList[i];\n var count = obj.count[music];\n //var set = { time, music };\n //console.log(\"obj.count=\" + obj.count[music]);\n hoge.push({ time, music, count });\n //hoge.push({ set, count });\n }\n }\n\n //countが大きい順にソートする\n hoge.sort(function(a, b) {\n if (a.count < b.count) {\n return 1;\n } else {\n return -1;\n }\n });\n //ヘッダを入れる\n Object.assign(hoge, {\n columns: [\"時刻\", \"曲目\", \"採用数\"]\n });\n\n hoge = hoge.filter(d => d.count >= 5);\n\n return hoge;\n}\n//c.f. https://qiita.com/saka212/items/408bb17dddefc09004c8","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4489,"value":"mdTable_pairOfMusicAndTime = dataToMarkdown(graphData_MusicAndTimes)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":6629,"value":"html`

時期による運用の変化について

`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3963,"value":"html`

放送時間の切り替え回数　期間の分割数

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1835,"value":"$4c","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2742,"value":"groupByPeriods = d3.group(dataByPeriods, d => d.value)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2744,"value":"//期間分割数ごとに、対応する市区町村のコードを配列にまとめたオブジェクトの配列\norgCodesForPeriods = {\n var hoge = [];\n hoge.splice(0);\n\n for (const [name, _value] of groupByPeriods) {\n var length = _value.length;\n var value = [];\n for (var i = 0; i < length; i++) {\n var huga = _value[i].name;\n value.push(String(huga));\n }\n\n hoge.push({ name, value });\n }\n return hoge;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2746,"value":"selectedOrgCodes_0periods = orgCodesForPeriods.find(\n element => element.name == 0\n).value","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3023,"value":"selectedOrgCodes_1periods = orgCodesForPeriods.find(\n element => element.name == 1\n).value","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3024,"value":"selectedOrgCodes_2periods = orgCodesForPeriods.find(\n element => element.name == 2\n).value","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3026,"value":"selectedOrgCodes_3periods = orgCodesForPeriods.find(\n element => element.name == 3\n).value","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3028,"value":"selectedOrgCodes_4periods = orgCodesForPeriods.find(\n element => element.name == 4\n).value","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3030,"value":"selectedOrgCodes_5periods = orgCodesForPeriods.find(\n element => element.name == 5\n).value","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3032,"value":"selectedOrgCodes_6periods = orgCodesForPeriods.find(\n element => element.name == 6\n).value","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2749,"value":"$4d","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1844,"value":"rollupByPeriods = d3.rollup(dataByPeriods, v => v.length, d => d.value)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1852,"value":"//【グラフ用データ：分割数】\ngraphData_periods = {\n var hoge = [];\n hoge.splice(0);\n for (const [name, value] of rollupByPeriods) {\n hoge.push({ name, value });\n }\n\n //分割が少ない順＝nameが小さい順にソートする\n hoge.sort(function(a, b) {\n if (a.name < b.name) {\n return -1;\n } else {\n return 1;\n }\n });\n //ヘッダを入れる\n Object.assign(hoge, {\n columns: [\"name\", \"value\"],\n x: \"放送時間の切り替え回数[回/年］\",\n y: \"↑ 市区町村数[箇所]\"\n });\n\n return hoge;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":5073,"value":"html`

放送時間の切り替え数と15歳未満人口割合の相関

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":5081,"value":"$4e","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":5085,"value":"graphData_childAndPeriods = Object.assign(\n childAndPeriods,\n ({ name, mpg: x, hp: y }) => ({ name, x: +x, y: +y }),\n { x: \"15歳未満人口割合[%] →\", y: \"↑ 放送時間の切り替え数[回/年]\" }\n)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":5220,"value":"//相関係数計算用　15歳未満人口割合　市区町村コード昇順\narray_child = childAndPeriods.map(d => d.x)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":5221,"value":"//相関係数計算用　15歳未満人口割合　市区町村コード昇順\narray_periods = childAndPeriods.map(d => d.y)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":5226,"value":"//15際未満人口割合と放送時間切り替え回数の相関係数（基幹的農業数の割合が公表されている分のみ）\nr_childAndPeriods = Correl(array_child, array_periods)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":5436,"value":"R_child = orgRound(r_childAndPeriods, 100)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":5450,"value":"html`

総人口との相関も確認しておく

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":5414,"value":"$4f","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":5418,"value":"graphData_populationAndPeriods = Object.assign(\n populationAndPeriods,\n ({ name, mpg: x, hp: y }) => ({ name, x: +x, y: +y }),\n { x: \"人口[人] →\", y: \"↑ 放送時間の切り替え数[回/年]\" }\n)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":5425,"value":"//相関係数計算用　人口　市区町村コード昇順\narray_population = populationAndPeriods.map(d => d.x)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":5427,"value":"//相関係数計算用　15歳未満人口割合　市区町村コード昇順\narray_periods_pop = populationAndPeriods.map(d => d.y)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":5429,"value":"r_populationAndPeriods = Correl(array_population, array_periods_pop)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":5689,"value":"R_population = orgRound(r_populationAndPeriods, 100)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":5445,"value":"$50","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3973,"value":"html`

期間の分け方

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1870,"value":"dataByPeriodDivision = data_csvAutoType.map(d => {\n //1つめのパターンから順に見て、nullになったタイミングでパターン数を判断する\n if (d.period1 == null) {\n return;\n } else {\n var periodArray = [];\n periodArray.splice(0);\n periodArray = [\n d.period1,\n d.period2,\n d.period3,\n d.period4,\n d.period5,\n d.period6,\n d.period7,\n d.period8,\n d.period9,\n d.period10,\n d.period11,\n d.period12\n ];\n\n var periodArray_rmNull = periodArray.filter(v => v); //配列の中からundefiedを取り除く\n //console.log(periodArray_rmNull);\n if (periodArray_rmNull.length == 0) {\n return; //配列の中身が亡くなった＝未実施の場合は　undefinedを返す\n }\n return {\n name: d.municipalities,\n value: periodArray_rmNull\n };\n }\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1883,"value":"dataByPeriodDivision_rmUndefined = dataByPeriodDivision.filter(v => v) //undefinedを取り除き、実施していない市区町村をはじく","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1892,"value":"rollupByPeriodDivision = d3.rollup(\n dataByPeriodDivision_rmUndefined,\n v => v.length,\n d =>\n d.value[0] +\n replaceUndefined(d.value[1]) +\n replaceUndefined(d.value[2]) +\n replaceUndefined(d.value[3]) +\n replaceUndefined(d.value[4]) +\n replaceUndefined(d.value[5]) +\n replaceUndefined(d.value[6]) +\n replaceUndefined(d.value[7]) +\n replaceUndefined(d.value[8]) +\n replaceUndefined(d.value[9]) +\n replaceUndefined(d.value[10]) +\n replaceUndefined(d.value[11])\n)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2032,"value":"replaceUndefined = function(d) {\n if (d != undefined) {\n return \",\" + d;\n } else {\n return \"a\"; //undefinedよりましだけどホントは何も返って欲しくないから適当に絶対混じらない文字a\n }\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2067,"value":"//【グラフ用データ：期間の分け方】\ngraphData_periodDivision = {\n var hoge = [];\n hoge.splice(0);\n for (const [_name, value] of rollupByPeriodDivision) {\n var name = _name.replace(/a/g, \"\"); //undefinedの代わりに適当に入れておいたダーミ文字\"a\"を消去\n hoge.push({ name, value });\n }\n\n //valueが大きい順にソートする\n hoge.sort(function(a, b) {\n if (a.value < b.value) {\n return 1;\n } else {\n return -1;\n }\n });\n //ヘッダを入れる\n Object.assign(hoge, {\n columns: [\"name\", \"value\"],\n x: \"期間の分け方\",\n y: \"↑ 市区町村数[箇所]\"\n });\n\n hoge = hoge.filter(d => d.value >= 4);\n\n return hoge;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4499,"value":"mdTable_periodDivision = dataToMarkdown(graphData_periodDivision)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":6303,"value":"map_investigated = {\n const svg = d3.create('svg').attr('viewBox', [0, 0, 850, 680]);\n\n const path = d3.geoPath();\n\n svg\n .attr(\"fill\", \"none\")\n .attr(\"stroke\", \"#333\")\n .attr(\"stroke-linejoin\", \"round\")\n .attr(\"stroke-linecap\", \"round\");\n\n svg\n .selectAll(\"path\")\n .data(topojson.feature(japan_pref, japan_pref.objects.prefectures).features)\n .join(\"path\")\n .attr(\"stroke-width\", 0.5)\n .attr(\"d\", path)\n .attr(\"fill\", d => {\n if (\n d.id == 3 ||\n d.id == 4 ||\n d.id == 9 ||\n d.id == 11 ||\n d.id == 12 ||\n d.id == 13 ||\n d.id == 14 ||\n d.id == 15 ||\n d.id == 16 ||\n d.id == 17 ||\n d.id == 18 ||\n d.id == 22 ||\n d.id == 23 ||\n d.id == 24 ||\n d.id == 25 ||\n d.id == 31 ||\n d.id == 33\n ) {\n return themeColor;\n } else {\n return \"nofill\";\n }\n });\n return svg.node();\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W51","stdlib":"1","titling":"auto"}} 31:"$30:body"

時報のチャイムの運用スタイルに何か傾向は見出せるのか？

防災行政無線の整備状況と時報のチャイムの実施状況

時期による運用の変化について

備考 — Notes

時期・曜日・日によって運用が異なる市区町村

地域によって運用が異なる市区町村

その他備考欄

謝辞 — Special Thanks

技術協力に感謝致します

Notebooks used for code reference

時報のチャイムの運用に関するデータ

その他のデータ

その他参考資料

Appendix

Require for Map

Page style

Codes -データ整形

Import csv

条件・備考・参考

汎用データ

曲目

調査対象地域の全団体コード

汎用関数

数値処理

色

防災行政無線整備状況・時報のチャイム実施状況

曲目について

採用曲ランキング

採用曲マップ

地域ゆかりの曲の採用率

市区町村あたりの採用曲数

鳴動時刻や回数について

鳴動時刻の放射状グラフ用関数

鳴動時刻

1日あたりの鳴動数

鳴動数と基幹的農業従事者数割合の相関

時間と曲のペアごとの採用数

時期による運用の変化について

放送時間の切り替え回数 期間の分割数

放送時間の切り替え数と15歳未満人口割合の相関

期間の分け方

放送時間の切り替え回数　期間の分割数