23:null 24:["$","title",null,{"children":"Child Poverty in Japan | hitomi-neko | Observable"}] 29:T11e4,{ const width = 700; const height = 400; const margin = { top: 30, right: 30, bottom: 30, left: 190 }; const xScale = d3 .scaleLinear() .domain([0,100]) .range([margin.left, width - margin.right]); const yScale = d3 .scaleBand() .domain([...data3.keys()]) .range([margin.top, height - margin.bottom]); const xAxis = d3 .axisBottom() .scale(xScale) .tickSize(-(height - margin.top - margin.bottom)); const yAxis = d3 .axisLeft() .scale(yScale) .tickFormat(item3) .tickSize(-(width - margin.left - margin.right)); // SVGの生成 const svg = d3 .create('svg') .attr('width', width) .attr('height', height); // 背景 svg .append("rect") .attr('width', width) .attr('height', height) .attr('fill','#af9090') .attr('opacity', 0.1); svg .append('text') .attr('x',430).attr('y',15).text("「所有物の状況（欲しいが持っていない割合、小学5年生）」").attr('font-family', 'sans-serif') .attr('fill','#af9090') .attr('opacity',0.8) .attr('font-size', 9); svg .append('text') .attr('x',672).attr('y',365).text("%") .attr('font-family', 'sans-serif') .attr('fill','#000') .attr('opacity',0.8) .attr('font-size', 8); svg .append('text') .attr('x',35).attr('y',20).text("■：困窮層").attr('font-family', 'sans-serif') .attr('text-anchor', 'middle') .attr('fill','#af0000') .attr('opacity',0.4) .attr('font-size', 8); svg .append('text') .attr('x',35).attr('y',32).text("■：周辺層").attr('font-family', 'sans-serif') .attr('text-anchor', 'middle') .attr('fill','#af5000') .attr('opacity',0.4) .attr('font-size', 8); svg .append('text') .attr('x',35).attr('y',44).text("■：一般層").attr('font-family', 'sans-serif') .attr('text-anchor', 'middle') .attr('fill','#afa000') .attr('opacity',0.4) .attr('font-size', 8); // X,Y軸の生成 svg .append('g') .attr('class', 'xAxis') .attr('transform', `translate(0, ${height - margin.bottom})`) .call(xAxis); svg .append('g') .attr('class', 'yAxis') .attr('transform', `translate(${margin.left}, 0)`) .call(yAxis); svg .selectAll('g.xAxis, g.yAxis') .selectAll('line, path') .attr('stroke', 'white') .attr('opacity', 0.9); svg .selectAll("line.points_a") .data(data3) .join('line') .attr('x1', margin.left) .attr('y1', (d,i) => i* yScale.bandwidth() + margin.top +20) .attr('x2', d => xScale(d.konkyu)) .attr('y2', (d,i) => i* yScale.bandwidth() + margin.top +20) .attr('stroke','#af0000') .attr('stroke-width',10) .attr('opacity',0.2); svg .selectAll("line.points_b") .data(data3) .join('line') .attr('x1', margin.left) .attr('y1', (d,i) => i* yScale.bandwidth() + margin.top +33) .attr('x2', d => xScale(d.syuhen)) .attr('y2', (d,i) => i* yScale.bandwidth() + margin.top +33) .attr('stroke','#af5000') .attr('stroke-width',10) .attr('opacity',0.2); svg .selectAll("line.points_c") .data(data3) .join('line') .attr('x1', margin.left) .attr('y1', (d,i) => i* yScale.bandwidth() + margin.top +46) .attr('x2', d => xScale(d.ippan)) .attr('y2', (d,i) => i* yScale.bandwidth() + margin.top +46) .attr('stroke','#afa000') .attr('stroke-width',10) .attr('opacity',0.2); svg .selectAll('text.pointa') .data(data3) .join('text') .attr('y', (d,i) => i* yScale.bandwidth() + margin.top +22) .attr('x', d => xScale(d.konkyu) + 15) .text(d => d.konkyu + "%") .attr('font-family', 'sans-serif') .attr('text-anchor', 'middle') .attr('fill','#af0000') .attr('opacity',0.7) .attr('font-size', 7); svg .selectAll('text.pointb') .data(data3) .join('text') .attr('y', (d,i) => i* yScale.bandwidth() + margin.top +35) .attr('x', d => xScale(d.syuhen) + 15) .text(d => d.syuhen + "%") .attr('font-family', 'sans-serif') .attr('text-anchor', 'middle') .attr('fill','#af5000') .attr('opacity',0.7) .attr('font-size', 7); svg .selectAll('text.pointc') .data(data3) .join('text') .attr('y', (d,i) => i* yScale.bandwidth() + margin.top +48) .attr('x', d => xScale(d.ippan) + 15) .text(d => d.ippan + "%") .attr('font-family', 'sans-serif') .attr('text-anchor', 'middle') .attr('fill','#afa000') .attr('opacity',0.7) .attr('font-size', 7); return svg.node(); }2a:T1214,{ const width = 700; const height = 400; const margin = { top: 30, right: 30, bottom: 30, left: 180 }; const xScale = d3 .scaleLinear() .domain([0,100]) .range([margin.left, width - margin.right]); const yScale = d3 .scaleBand() .domain([...data4.keys()]) .range([margin.top, height - margin.bottom]); const xAxis = d3 .axisBottom() .scale(xScale) .tickSize(-(height - margin.top - margin.bottom)); const yAxis = d3 .axisLeft() .scale(yScale) .tickFormat(item4) .tickSize(-(width - margin.left - margin.right)); // SVGの生成 const svg = d3 .create('svg') .attr('width', width) .attr('height', height); // 背景 svg .append("rect") .attr('width', width) .attr('height', height) .attr('fill','#af9090') .attr('opacity', 0.1); svg .append('text') .attr('x',295).attr('y',15).text("「過去一年間、経済的な事情により、子どもとの体験がない答えた割合（小学5年生保護者）」") .attr('font-family', 'sans-serif') .attr('fill','#af9090') .attr('opacity',0.8) .attr('font-size', 9); svg .append('text') .attr('x',672).attr('y',365).text("%") .attr('font-family', 'sans-serif') .attr('fill','#000') .attr('opacity',0.8) .attr('font-size', 8); svg .append('text') .attr('x',35).attr('y',20).text("■：困窮層").attr('font-family', 'sans-serif') .attr('text-anchor', 'middle') .attr('fill','#af0000') .attr('opacity',0.4) .attr('font-size', 8); svg .append('text') .attr('x',35).attr('y',32).text("■：周辺層").attr('font-family', 'sans-serif') .attr('text-anchor', 'middle') .attr('fill','#af5000') .attr('opacity',0.4) .attr('font-size', 8); svg .append('text') .attr('x',35).attr('y',44).text("■：一般層").attr('font-family', 'sans-serif') .attr('text-anchor', 'middle') .attr('fill','#afa000') .attr('opacity',0.4) .attr('font-size', 8); // X,Y軸の生成 svg .append('g') .attr('class', 'xAxis') .attr('transform', `translate(0, ${height - margin.bottom})`) .call(xAxis); svg .append('g') .attr('class', 'yAxis') .attr('transform', `translate(${margin.left}, 0)`) .call(yAxis); svg .selectAll('g.xAxis, g.yAxis') .selectAll('line, path') .attr('stroke', 'white') .attr('opacity', 0.9); svg .selectAll("line.points_a") .data(data4) .join('line') .attr('x1', margin.left) .attr('y1', (d,i) => i* yScale.bandwidth() + margin.top +20) .attr('x2', d => xScale(d.konkyu)) .attr('y2', (d,i) => i* yScale.bandwidth() + margin.top +20) .attr('stroke','#af0000') .attr('stroke-width',10) .attr('opacity',0.2); svg .selectAll("line.points_b") .data(data4) .join('line') .attr('x1', margin.left) .attr('y1', (d,i) => i* yScale.bandwidth() + margin.top +33) .attr('x2', d => xScale(d.syuhen)) .attr('y2', (d,i) => i* yScale.bandwidth() + margin.top +33) .attr('stroke','#af5000') .attr('stroke-width',10) .attr('opacity',0.2); svg .selectAll("line.points_c") .data(data4) .join('line') .attr('x1', margin.left) .attr('y1', (d,i) => i* yScale.bandwidth() + margin.top +46) .attr('x2', d => xScale(d.ippan)) .attr('y2', (d,i) => i* yScale.bandwidth() + margin.top +46) .attr('stroke','#afa000') .attr('stroke-width',10) .attr('opacity',0.2); svg .selectAll('text.pointa') .data(data4) .join('text') .attr('y', (d,i) => i* yScale.bandwidth() + margin.top +22) .attr('x', d => xScale(d.konkyu) + 15) .text(d => d.konkyu + "%") .attr('font-family', 'sans-serif') .attr('text-anchor', 'middle') .attr('fill','#af0000') .attr('opacity',0.7) .attr('font-size', 7); svg .selectAll('text.pointb') .data(data4) .join('text') .attr('y', (d,i) => i* yScale.bandwidth() + margin.top +35) .attr('x', d => xScale(d.syuhen) + 15) .text(d => d.syuhen + "%") .attr('font-family', 'sans-serif') .attr('text-anchor', 'middle') .attr('fill','#af5000') .attr('opacity',0.7) .attr('font-size', 7); svg .selectAll('text.pointc') .data(data4) .join('text') .attr('y', (d,i) => i* yScale.bandwidth() + margin.top +48) .attr('x', d => xScale(d.ippan) + 15) .text(d => d.ippan + "%") .attr('font-family', 'sans-serif') .attr('text-anchor', 'middle') .attr('fill','#afa000') .attr('opacity',0.7) .attr('font-size', 7); return svg.node(); }2b:T189b,{ const width = 700; const height = 500; const margin = { top: 30, right: 30, bottom: 30, left: 140 }; const lsD = data5.map(({["ls"]: value, t}) => ({key: "ls", t: t, value: value})); const lmsD = data5.map(({["lms"]: value, t}) => ({key: "lms", t: t, value: value})); const umsD = data5.map(({["ums"]: value, t}) => ({key: "ums", t: t, value: value})); const hsD = data5.map(({["hs"]: value, t}) => ({key: "hs", t: t, value: value})); const sesData = [lsD,lmsD,umsD,hsD]; const color = d3 .scaleOrdinal() .domain(["lsD", "lmsD","umsD","hsD"]) .range(["#af0000", "#af5000","#afa000","#af9050"]); const text = d3 .scaleOrdinal() .domain(["lsD", "lmsD","umsD","hsD"]) .range(["●", "■","▲","◆"]); const yScale = d3 .scaleLinear() .domain([0,100]) .range([height - margin.bottom,margin.top]); const xScale = d3 .scaleLinear() .domain([data5[0].t,data5[data5.length -1].t]) .range([margin.left, width - margin.right]); const xAxis = d3 .axisBottom() .scale(xScale) .tickValues([30, 60, 120, 180]) .tickFormat(item5_2) .tickSize(-(height - margin.top - margin.bottom)); const yAxis = d3 .axisLeft() .scale(yScale) .tickValues([0,50,70,80,100]) .tickSize(-(width - margin.left - margin.right)); const x = d3 .scaleLinear() .domain([data5[0].t,data5[data5.length -1].t]) .range([margin.left, width - margin.right]); const y = d3 .scaleLinear() .domain([0, 100]) .range([height - margin.bottom,margin.top]); const line_a = d3.line() .x(d => x(d.t)) .y(d => y(d.value)); // SVGの生成 const svg = d3 .create('svg') .attr('width', width) .attr('height', height); // 背景 svg .append("rect") .attr('width', width) .attr('height', height) .attr('fill','#af9090') .attr('opacity', 0.1); svg .append('text') .attr('x',455).attr('y',15).text("「社会経済的背景(SES)と国語Aの得点(中学3年生)」") .attr('font-family', 'sans-serif') .attr('fill','#af9090') .attr('opacity',0.8) .attr('font-size', 9); svg .append('text') .attr('x',142).attr('y',27).text("点") .attr('font-family', 'sans-serif') .attr('fill','#000') .attr('opacity',0.8) .attr('font-size', 8); svg .append('text') .attr('x',15).attr('y',56).text("●：Lowest SES").attr('font-family', 'sans-serif') .attr('fill','#af0000') .attr('opacity',0.6) .attr('font-size', 8); svg .append('text') .attr('x',15).attr('y',44).text("■：Lower middle SES").attr('font-family', 'sans-serif') .attr('fill','#af5000') .attr('opacity',0.6) .attr('font-size', 8); svg .append('text') .attr('x',15).attr('y',32).text("▲：Upper middle SES").attr('font-family', 'sans-serif') .attr('fill','#af9000') .attr('opacity',0.6) .attr('font-size', 8); svg .append('text') .attr('x',15).attr('y',20).text("◆：Highest SES").attr('font-family', 'sans-serif') .attr('fill','#af9050') .attr('opacity',0.6) .attr('font-size', 8); // X,Y軸の生成 svg .append('g') .attr('class', 'xAxis') .attr('transform', `translate(0, ${height - margin.bottom})`) .call(xAxis); svg .append('g') .attr('class', 'yAxis') .attr('transform', `translate(${margin.left}, 0)`) .call(yAxis); svg .selectAll('g.xAxis, g.yAxis') .selectAll('line, path') .attr('stroke', 'white') .attr('opacity', 0.9); svg .selectAll('path.pa') .data(sesData) .join('path') .attr('fill','none') .attr('stroke',d => color(d[0].key)) .attr('stroke-width',2) .attr('opacity',0.2) .attr('d',line_a); svg .selectAll("text.pointa") .data(data5) .join('text') .attr('x',d => xScale(d.t)) .attr('y',d => y(d.ls)+2.1) .attr('fill','#af0000') .text('●') .attr('font-family', 'sans-serif') .attr('text-anchor', 'middle') .attr('font-size', 7) .attr('opacity',0.7); svg .selectAll("text.pointa") .data(data5) .join('text') .attr('x',d => xScale(d.t)) .attr('y',d => y(d.ls)+11) .attr('fill','#af0000') .text(d => d.ls + "点") .attr('font-family', 'sans-serif') .attr('text-anchor', 'middle') .attr('font-size', 6) .attr('opacity',0.7); svg .selectAll("text.pointa") .data(data5) .join('text') .attr('x',d => xScale(d.t)) .attr('y',d => y(d.lms)+2.1) .attr('fill','#af5000') .text('■') .attr('font-family', 'sans-serif') .attr('text-anchor', 'middle') .attr('font-size', 7) .attr('opacity',0.7); svg .selectAll("text.pointa") .data(data5) .join('text') .attr('x',d => xScale(d.t)) .attr('y',d => y(d.lms)+9) .attr('fill','#af5000') .text(d => d.lms +'点') .attr('font-family', 'sans-serif') .attr('text-anchor', 'middle') .attr('font-size', 6) .attr('opacity',0.7); svg .selectAll("text.pointa") .data(data5) .join('text') .attr('x',d => xScale(d.t)) .attr('y',d => y(d.ums)+2.1) .attr('fill','#af9000') .text('▲') .attr('font-family', 'sans-serif') .attr('text-anchor', 'middle') .attr('font-size', 7) .attr('opacity',0.7); svg .selectAll("text.pointa") .data(data5) .join('text') .attr('x',d => xScale(d.t)) .attr('y',d => y(d.ums)-5) .attr('fill','#af9000') .text(d => d.ums +'点') .attr('font-family', 'sans-serif') .attr('text-anchor', 'middle') .attr('font-size', 6) .attr('opacity',0.7); svg .selectAll("text.pointa") .data(data5) .join('text') .attr('x',d => xScale(d.t)) .attr('y',d => y(d.hs)+2.1) .attr('fill','#af9050') .text('◆') .attr('font-family', 'sans-serif') .attr('text-anchor', 'middle') .attr('font-size', 7) .attr('opacity',0.7); svg .selectAll("text.pointa") .data(data5) .join('text') .attr('x',d => xScale(d.t)) .attr('y',d => y(d.hs)-5) .attr('fill','#af9050') .text(d => d.hs +'点') .attr('font-family', 'sans-serif') .attr('text-anchor', 'middle') .attr('font-size', 6) .attr('opacity',0.7); return svg.node(); }2c:T11d2,{ const width = 700; const height = 500; const margin = { top: 30, right: 30, bottom: 30, left: 190 }; const xScale = d3 .scaleLinear() .domain([0,100]) .range([margin.left, width - margin.right]); const yScale = d3 .scaleBand() .domain([...data2.keys()]) .range([margin.top, height - margin.bottom]); const xAxis = d3 .axisBottom() .scale(xScale) .tickSize(-(height - margin.top - margin.bottom)); const yAxis = d3 .axisLeft() .scale(yScale) .tickFormat(item2) .tickSize(-(width - margin.left - margin.right)); // SVGの生成 const svg = d3 .create('svg') .attr('width', width) .attr('height', height); // 背景 svg .append("rect") .attr('width', width) .attr('height', height) .attr('fill','#af9090') .attr('opacity', 0.1); svg .append('text') .attr('x',490).attr('y',15).text("「自己肯定感にまつわる調査（小学5年生）」") .attr('font-family', 'sans-serif') .attr('fill','#af9090') .attr('opacity',0.8) .attr('font-size', 9); svg .append('text') .attr('x',672).attr('y',465).text("%") .attr('font-family', 'sans-serif') .attr('fill','#000') .attr('opacity',0.8) .attr('font-size', 8); svg .append('text') .attr('x',35).attr('y',20).text("■：困窮層").attr('font-family', 'sans-serif') .attr('text-anchor', 'middle') .attr('fill','#af0000') .attr('opacity',0.4) .attr('font-size', 8); svg .append('text') .attr('x',35).attr('y',32).text("■：周辺層").attr('font-family', 'sans-serif') .attr('text-anchor', 'middle') .attr('fill','#af5000') .attr('opacity',0.4) .attr('font-size', 8); svg .append('text') .attr('x',35).attr('y',44).text("■：一般層").attr('font-family', 'sans-serif') .attr('text-anchor', 'middle') .attr('fill','#afa000') .attr('opacity',0.4) .attr('font-size', 8); // X,Y軸の生成 svg .append('g') .attr('class', 'xAxis') .attr('transform', `translate(0, ${height - margin.bottom})`) .call(xAxis); svg .append('g') .attr('class', 'yAxis') .attr('transform', `translate(${margin.left}, 0)`) .call(yAxis); svg .selectAll('g.xAxis, g.yAxis') .selectAll('line, path') .attr('stroke', 'white') .attr('opacity', 0.9); svg .selectAll("line.points_a") .data(data2) .join('line') .attr('x1', margin.left) .attr('y1', (d,i) => i* yScale.bandwidth() + margin.top +20) .attr('x2', d => xScale(d.konkyu)) .attr('y2', (d,i) => i* yScale.bandwidth() + margin.top +20) .attr('stroke','#af0000') .attr('stroke-width',10) .attr('opacity',0.2); svg .selectAll("line.points_b") .data(data2) .join('line') .attr('x1', margin.left) .attr('y1', (d,i) => i* yScale.bandwidth() + margin.top +33) .attr('x2', d => xScale(d.syuhen)) .attr('y2', (d,i) => i* yScale.bandwidth() + margin.top +33) .attr('stroke','#af5000') .attr('stroke-width',10) .attr('opacity',0.2); svg .selectAll("line.points_c") .data(data2) .join('line') .attr('x1', margin.left) .attr('y1', (d,i) => i* yScale.bandwidth() + margin.top +46) .attr('x2', d => xScale(d.ippan)) .attr('y2', (d,i) => i* yScale.bandwidth() + margin.top +46) .attr('stroke','#afa000') .attr('stroke-width',10) .attr('opacity',0.2); svg .selectAll('text.pointa') .data(data2) .join('text') .attr('y', (d,i) => i* yScale.bandwidth() + margin.top +22) .attr('x', d => xScale(d.konkyu) + 15) .text(d => d.konkyu + "%") .attr('font-family', 'sans-serif') .attr('text-anchor', 'middle') .attr('fill','#af0000') .attr('opacity',0.7) .attr('font-size', 7); svg .selectAll('text.pointb') .data(data2) .join('text') .attr('y', (d,i) => i* yScale.bandwidth() + margin.top +35) .attr('x', d => xScale(d.syuhen) + 15) .text(d => d.syuhen + "%") .attr('font-family', 'sans-serif') .attr('text-anchor', 'middle') .attr('fill','#af5000') .attr('opacity',0.7) .attr('font-size', 7); svg .selectAll('text.pointc') .data(data2) .join('text') .attr('y', (d,i) => i* yScale.bandwidth() + margin.top +48) .attr('x', d => xScale(d.ippan) + 15) .text(d => d.ippan + "%") .attr('font-family', 'sans-serif') .attr('text-anchor', 'middle') .attr('fill','#afa000') .attr('opacity',0.7) .attr('font-size', 7); return svg.node(); }2d:T12cf,{ const width = 700; const height = 420; const margin = { top: 40, right: 30, bottom: 30, left: 100 }; const singekuD = data1.map(({["singaku"]: value, syotoku}) => ({key: "singaku", syotoku: syotoku, value: value})); const syusyokuD = data1.map(({["syusyoku"]: value, syotoku}) => ({key: "syusyoku", syotoku: syotoku, value: value})); const series = [singekuD,syusyokuD]; const color = d3 .scaleOrdinal() .domain(["singaku", "syusyoku"]) .range(["#af0000", "#af5000"]); const yScale = d3 .scaleLinear() .domain([0,100]) .range([height - margin.bottom,margin.top]); const xScale = d3 .scaleBand() .domain([...data1.keys()]) .range([margin.left, width - margin.right]); const xAxis = d3 .axisBottom() .scale(xScale) .tickFormat(item1) .tickSize(-(height - margin.top - margin.bottom)); const yAxis = d3 .axisLeft() .scale(yScale) .tickSize(-(width - margin.left - margin.right)); const x = d3 .scaleLinear() .domain([data1[0].syotoku,data1[data1.length -1].syotoku]) .range([margin.left + xScale.bandwidth()/2 , width - margin.right - xScale.bandwidth()/2]); const y = d3 .scaleLinear() .domain([0, 100]) .range([height - margin.bottom,margin.top]); const line_a = d3.line() .x(d => x(d.syotoku)) .y(d => y(d.value)); // SVGの生成 const svg = d3 .create('svg') .attr('width', width) .attr('height', height); // 背景 svg .append("rect") .attr('width', width) .attr('height', height) .attr('fill','#af9090') .attr('opacity', 0.1); svg .append('text') .attr('x',530).attr('y',15).text("「両親年収別の高校卒業後の進路」") .attr('font-family', 'sans-serif') .attr('fill','#af9090') .attr('opacity',0.8) .attr('font-size', 9); svg .append('text') .attr('x',100).attr('y',38).text("%") .attr('font-family', 'sans-serif') .attr('fill','#000') .attr('opacity',0.8) .attr('font-size', 8); svg .append('text') .attr('x',15).attr('y',20).text("●：4年制大学進学率(%)").attr('font-family', 'sans-serif') .attr('fill','#af0000') .attr('opacity',0.4) .attr('font-size', 8); svg .append('text') .attr('x',15).attr('y',32).text("■：就職率(%)").attr('font-family', 'sans-serif') .attr('fill','#af5000') .attr('opacity',0.4) .attr('font-size', 8); // X,Y軸の生成 svg .append('g') .attr('class', 'xAxis') .attr('transform', `translate(0, ${height - margin.bottom})`) .call(xAxis); svg .append('g') .attr('class', 'yAxis') .attr('transform', `translate(${margin.left}, 0)`) .call(yAxis); svg .selectAll('g.xAxis, g.yAxis') .selectAll('line, path') .attr('stroke', 'white') .attr('opacity', 0.9); // const lines = svg // .append('g') // .selectAll('g') // .data(data1) // .join('g'); svg .selectAll('path.pa') .data(series) .join('path') .attr('fill','none') .attr('stroke',d => color(d[0].key)) .attr('stroke-width',1) .attr('opacity',0.2) .attr('d',line_a); svg .selectAll("circle.points_a") .data(data1) .join('circle') // .attr('y1', height-margin.bottom) // .attr('x1', (d,i) => i* xScale.bandwidth() + margin.left + xScale.bandwidth()/2) .attr('cy', d => yScale(d.singaku)) .attr('cx', (d,i) => i* xScale.bandwidth() + margin.left + xScale.bandwidth()/2) .attr('r',3) .attr('fill','#af0000') .attr('opacity',0.4); svg .selectAll("rect.points_b") .data(data1) .join('rect') // .attr('y1', height-margin.bottom) // .attr('x1', (d,i) => i* xScale.bandwidth() + margin.left + xScale.bandwidth()/2) .attr('y', d => yScale(d.syusyoku)-3) .attr('x', (d,i) => i* xScale.bandwidth() + margin.left + xScale.bandwidth()/2-3) .attr('width',6) .attr('height',6) .attr('fill','#af5000') .attr('opacity',0.4); svg .selectAll('text.pointa') .data(data1) .join('text') .attr('x', (d,i) => i* xScale.bandwidth() + margin.left + xScale.bandwidth()/2) .attr('y', d => yScale(d.singaku) - 5) .text(d => d.singaku + "%") .attr('font-family', 'sans-serif') .attr('text-anchor', 'middle') .attr('fill','#af0000') .attr('opacity',0.7) .attr('font-size', 7); svg .selectAll('text.pointb') .data(data1) .join('text') .attr('x', (d,i) => i* xScale.bandwidth() + margin.left + xScale.bandwidth()/2) .attr('y', d => yScale(d.syusyoku) - 5) .text(d => d.syusyoku + "%") .attr('font-family', 'sans-serif') .attr('text-anchor', 'middle') .attr('fill','#af5000') .attr('opacity',0.7) .attr('font-size', 7); return svg.node(); }2e:[{"id":"110aeaf209597fb503b828999627554f2be21aff9b9848a307b6a973f738951723d780c4b7d987b313ab4f04a605b52186ebb5d0edbb66a4db1f7ef2aeb64c14","href":"https://static.observableusercontent.com/files/110aeaf209597fb503b828999627554f2be21aff9b9848a307b6a973f738951723d780c4b7d987b313ab4f04a605b52186ebb5d0edbb66a4db1f7ef2aeb64c14","name":"pencil-1891732_1920@2.jpg","type":"image/jpeg","lastModified":1611830725669.954,"size":220595},{"id":"dea8c3ce9576f033b211c8eb36fc3148c454f8e9f2b40bfce9f64c92edd7724cce892846c003d6f57b121b8068442ac22b1b935c29bdbf480543a9b2d52f8ba1","href":"https://static.observableusercontent.com/files/dea8c3ce9576f033b211c8eb36fc3148c454f8e9f2b40bfce9f64c92edd7724cce892846c003d6f57b121b8068442ac22b1b935c29bdbf480543a9b2d52f8ba1","name":"img1.png","type":"image/png","lastModified":1611833384311.707,"size":476606}] 27:{"id":"458f64086ae9daef","slug":"untitled/2","title":"Child Poverty in Japan","thumbnail":"1d279530d3234ce7efe6d2286c7f3db253333bc04c85d03e5e87df3634f4980b","access_level":"public","create_time":"$D2021-01-23T12:12:33.868Z","update_time":"$D2021-02-05T08:32:06.214Z","view_time":null,"first_public_time":"$D2021-01-23T12:20:46.028Z","has_unpublished_edits":null,"fork":false,"stars":2,"starred":false,"owner":{"type":"team","id":"2d4271bfe5a480ff","login":"hitomi-neko","name":"","avatar_url":"https://avatars-next.observableusercontent.com/c3e23bd42a87e9909567f5dac050e5821138356cfda23d480056551ad0bc4622","tier":"starter_2024"},"version":1288,"publish_version":1288,"role":null,"authored":false,"authors":[{"type":"individual","id":"1cdd06ad943a7d8f","login":"hitomi-neko","name":"","avatar_url":"https://avatars-next.observableusercontent.com/c3e23bd42a87e9909567f5dac050e5821138356cfda23d480056551ad0bc4622","tier":null}],"members":[{"type":"individual","id":"1cdd06ad943a7d8f","login":"hitomi-neko","name":"","avatar_url":"https://avatars-next.observableusercontent.com/c3e23bd42a87e9909567f5dac050e5821138356cfda23d480056551ad0bc4622","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":2,"collection":null,"type":"notebook","body":{"titling":"auto","title":"Child Poverty in Japan","cells":[{"id":0,"value":"md`# Child Poverty in Japan`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":119,"value":"md`日本における子どもの貧困と学力格差　-「勉強ができない」は本人のせいなのか-`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":21,"value":"md`## はじめに。あなただったら、何と言いますか。`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":104,"value":"md`考えてみてください。

\nあなたは今、中学生に勉強を教えていたとします。
\nその中学生が「やる気でない」と言いました。`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":10,"value":"md`##### あなたはなんと言いますか？`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1214,"value":"image = FileAttachment(\"img1.png\").image()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1225,"value":"md`「ちゃんとやらなきゃダメだよ」「やる気出して」はたまた、
\n「甘ったれるな」「やればできる」　でしょうか？`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1221,"value":"md`でも少し、考えてみて下さい。
なぜその子は「やる気でない」と言ったのでしょうか？

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":51,"value":"md`## \"勉強ができない\"は本当に本人の問題なのだろうか？`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":59,"value":"md` 幼い頃を思い出してほしい。
\nあなたの周りに、「本」はあっただろうか？　家族と「旅行」に行っただろうか？
「博物館・美術館」はどうだろうか？

\nそうした体験は、知的好奇心の源となる。

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":125,"value":"md`### 子どもが\"欲しいが、持っていない\"もの`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":122,"value":"md`このグラフは、小学校5年生の子どもが、ある特定のものに関して「欲しいが、持っていない」と答えた割合を「困窮層」「周辺層」「一般層」別で示したものだ。`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":389,"value":"$29","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1068,"value":"md`###### ※「ない（欲しくない）」、「無回答」を分母から除いた割合
「東京都『子供の生活実態調査』第二部生活困窮の状況(2017,東京都保健福祉局)」より一部抜粋`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":153,"value":"md`経済状況に応じて、所有物に大きな差が出てきていることが伺える。
\n「本」や「勉強机」「宿題をする場所」といった子どもの学習にとって重要な項目にも大きな差が出ている。この欠如は「学びの入り口や、学びのための環境の欠如」も同時に示していると言える。

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":177,"value":"md`### 経済的な事情により失われた体験`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":146,"value":"md`次に、このグラフを見てほしい。これは、小学五年生の保護者が過去一年間に「海水浴」等のそれぞれの体験について「経済的な事情により、子どもとの体験がない」と答えた割合を「困窮層」「周辺層」「一般層」に分けて示したものだ。`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":635,"value":"$2a","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1100,"value":"md`###### 「東京都『子供の生活実態調査』第二部生活困窮の状況(2017,東京都保健福祉局)」より`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":158,"value":"md`これらの体験は「好奇心の原点」となり得る。幼少期の博物館体験が学問に興味を持つきっかけになった人も多いだろう。
\nしかし、その体験すらも、家庭の経済的状況によって奪われてしまっていることが推測できるだろう。

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":55,"value":"md`## 努力、そして将来への希望`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":72,"value":"md` あなたは「頑張ればできる」「自分が努力したからだ」と思っていないだろか。
\n努力をすればなんでもできると思っていないだろうか。
\nしかし、努力は本当に平等なのだろうか。

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":169,"value":"md`### 努力（学習時間）と成果（テストの点数）`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":172,"value":"md`注目すべきデータがある。家庭の社会経済的背景別に見た、勉強時間・テストの点数の関係をまとめたものだ。`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":865,"value":"$2b","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1089,"value":"md`###### SES(社会経済的背景)とは、保護者に対する調査結果から、家庭所得、父親学歴、母親学歴の三つの変数を合成した指標。
当該指標を四等分し、Highest SES、Uppermiddle SES、Lower middle SES、Lowest SESに分割して分析したもの

「家庭の社会経済的背景と学力格差(2013,文部科学省の委託により国立大学法人お茶の水女子大学が分析)」より`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":184,"value":"md`仮に努力を学習時間とするならば、見ての通り、何も平等ではないのだ。学習時間をかけていようとも、社会経済的背景による差を埋めるには至らない。
\nLowest SESの子どもが3時間以上勉強しようとも、その平均点は全く勉強していないHighest SESの子どもの平均点を上回ることはない。

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":188,"value":"md`### 自己肯定感と経済格差`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":191,"value":"md`そもそも、「勉強する気が起きるかどうか」すらも平等ではないのかもしれない。
\n以下のグラフは、子どもの自己肯定感にまつわるものを経済状況別に示したものだ。経済状況は、自己肯定感にすら影響をもたらしている。`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":664,"value":"$2c","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1116,"value":"md`###### 「東京都『子供の生活実態調査』第五部子供の健康と自己肯定感(2017,東京都保健福祉局)」　より
自己肯定感にまつわる調査のうち、「そう思わない」と答えた割合を項目別にまとめたものから抜粋`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":200,"value":"md`自己肯定感はやる気と関係ない、という意見もあるかもしれない。
\nしかし、考えてみてほしいのだ。「将来が明るくない」と考える子どもが、積極的に「学びたい」と思うのだろうか。

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":208,"value":"md`### 高校卒業後の進路と貧困の連鎖`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":211,"value":"md`そして、高校卒業後の進路は、経済的状況によって大きく異なる。これは、家庭の年収と「4年制大学進学率/就職率」の相関関係をまとめたものだ。`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":710,"value":"$2d","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1123,"value":"md`###### 「両親年収別の高校卒業後の進路(2007,東京大学大学院教育学研究科　大学経営・政策研究センター)」より抜粋`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":214,"value":"md`見ての通り、経済的状況が良ければ良いほど4年制大学への進学率は上がる。
\n一方で、就職の割合はその逆のものとなっている。
\n現在の高卒者の平均賃金は約29万円、大学卒業者は約40万円だ。
\nかなり高い割合で貧困は連鎖するだろう。`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1009,"value":"md`###### 賃金とは、「賃金」は、６月分の所定内給与額をいう。
「所定内給与額」とは、労働契約等であらかじめ定められている支給条件、算定方法により６月分として支給された現金給与額（きまって支給する現金給与額）のうち、超過労働給与額（①時間外勤務手当、②深夜勤務手当、③休日出勤手当、④宿日直手当、⑤交替手当として支給される給与をいう。）を差し引いた額で、所得税等を控除する前の額をいう。
※「令和元年賃金構造基本統計調査(2019,厚生労働省)」より

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":221,"value":"md`## おわりに。あなただったら、何と言えますか。`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":224,"value":"md`考えてみてください。

\nあなたは今、中学生に勉強を教えていたとします。
\nその中学生が「やる気でない」と言いました。`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":227,"value":"md`##### あなたはなんと言えますか？

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":253,"value":"md`#### あとがき`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":232,"value":"md`実はこの質問、私の\"聞き慣れた言葉\"なんです。
私は、貧困世帯を対象とした学習支援活動に参加しています。\nそうした活動の中でこの言葉に\"よく出会う\"のです。
\n私はこの問いの答えを持っていません。「定期テストやばいけどバイト行かなきゃいけない」「大学行きたいけど私立は……」「どうせ俺なんて」と述べる彼らの状況を変える手立てなど持ち合わせていません。私には大したことはできませんし、そもそも個人の悩みに対して、全く別の誰かが「わかる」などと言うべきではないと思うのです。その人のことを本当に理解できるのはその人だけです。

\nですが彼/彼女らと私が「私たち」として存在する空間に私はいるのです。
\n彼らと私は分かたれた階級の両端の存在でも何でもなく、共に\"何か\"を抱えながら歪んだ社会の中で呼吸をしているのです。ただ、今を生きるだけの一個人同士として、存在しているのです。そして、彼は彼ではなく、隣にいる「あなた」となり、「あなた」と「私」はその空間で「私たち」として訳もなく笑い合うのです。「あなた」が笑うと心が温かくなる「私同士」として。
そうである以上、私たちは私たちでしかなく、世界は分かたれていないのです。
そしてそれは、この記事で取り上げた問題が「彼らの問題」ではないことも示しているように思うのです。

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1276,"value":"md`###### 記者：hitomi-neko　　　発行日：2021.01.29`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":79,"value":"md`#### データソース・参考文献`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1157,"value":"md`###### 家庭の社会経済的背景と学力格差
(2013,文部科学省の委託により国立大学法人お茶の水女子大学が分析)
https://www8.cao.go.jp/kodomonohinkon/kentoukai/k_2/pdf/s4-1.pdf

両親年収別の高校卒業後の進路
(2007,東京大学大学院教育学研究科　大学経営・政策研究センター) https://www8.cao.go.jp/kodomonohinkon/chousa/h28_kaihatsu/3_02_2_5.html

東京都「子供の生活実態調査」第二部生活困窮の状況
(2017,東京都保健福祉局)
https://www.fukushihoken.metro.tokyo.lg.jp/joho/soshiki/syoushi/syoushi/oshirase/kodomoseikatsujittaityousakekka.files/04dai2buseikatukonkyuu.pdf

東京都「子供の生活実態調査」第五部子供の健康と自己肯定感
(2017,東京都保健福祉局)
https://www.fukushihoken.metro.tokyo.lg.jp/joho/soshiki/syoushi/syoushi/oshirase/kodomoseikatsujittaityousakekka.files/07dai5bukodomonokenkou.pdf

令和元年賃金構造基本統計調査
(2019,厚生労働省)https://www.mhlw.go.jp/toukei/itiran/roudou/chingin/kouzou/z2019/index.html

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":141,"value":"md`#### 下準備`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":283,"value":"data1 = (await d3.csv(\"https://gist.githubusercontent.com/hitomi-neko/c624cfe3dea9a0726f9e9ba8f9e6aaef/raw/1e7e3d72eea0ef9ba6ecea7dd11278f3959767c1/network_data1%2520-%2520%25E3%2582%25B7%25E3%2583%25BC%25E3%2583%25881.csv\", d3.autoType))\n.map(({家庭の所得,四年制大学進学率, 就職率}) => ({syotoku: 家庭の所得,singaku: 四年制大学進学率,syusyoku: 就職率,}))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":702,"value":"item1 = d => d3\n .scaleOrdinal()\n .domain([0,1,2,3,4,5,6])\n .range([\"200万以下\",\"200~400万\",\"400~600万\",\"600~800万\",\n \"800~1000万\",\"1000~1200万\",\"1200万以上\"])(d)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":353,"value":"data2 = (await d3.csv(\"https://gist.githubusercontent.com/hitomi-neko/29b05455a78b4f6a0f824731f1eba91d/raw/67f6b5bc721c66d56e3abca711396c4a2710365f/network_data2%2520-%2520%25E3%2582%25B7%25E3%2583%25BC%25E3%2583%25881.csv\", d3.autoType)).map(({困窮層, 周辺層, 一般層}) => ({konkyu: 困窮層,syuhen: 周辺層,ippan: 一般層}))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":667,"value":"item2 = d => d3\n .scaleOrdinal()\n .domain([0,1,2,3,4,5,6])\n .range([\"頑張っても、むくわれない\",\"自分は、価値のある人間だと思わない\",\"自分は、家族に大切にされていない\",\n \"自分は、友だちに好かれていない\",\"孤独を感じることがある\",\"自分の将来が楽しみではない\",\n \"毎日の生活が楽しいとは思わない\",])(d)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":364,"value":"data3 = (await d3.csv(\"https://gist.githubusercontent.com/hitomi-neko/12809cebd7fc3e019a1707d956baae32/raw/d323bf9dcb0c77bc0ffe92835f8ff52ab125a7b4/network_data3%2520-%2520%25E3%2582%25B7%25E3%2583%25BC%25E3%2583%25881.csv\", d3.autoType))\n.map(({困窮層, 周辺層, 一般層}) => ({konkyu: 困窮層,syuhen: 周辺層,ippan: 一般層}))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":419,"value":"item3 = d => d3\n .scaleOrdinal()\n .domain([0,1,2,3,4])\n .range([\"自分だけの本\",\"子ども部屋\",\"インターネットにつながるパソコン\",\"自宅で宿題をすることができる場所\",\n \"自分専用の勉強机\",])(d)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":367,"value":"data4 = (await d3.csv(\"https://gist.githubusercontent.com/hitomi-neko/553a8700108d40680f294806d1a35209/raw/c360d0e956335299a2cf3fdce24ef0c41a6f6c44/network_data4%2520-%2520%25E3%2582%25B7%25E3%2583%25BC%25E3%2583%25881.csv\", d3.autoType))\n.map(({困窮層, 周辺層, 一般層}) => ({konkyu: 困窮層,syuhen: 周辺層,ippan: 一般層}))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":630,"value":"item4 = d => d3\n .scaleOrdinal()\n .domain([0,1,2,3,4])\n .range([\"海水浴\",\"博物館・科学館・美術館\",\"キャンプ・BBQ\",\"スポーツ観戦・劇場\",\n \"遊園地・テーマパーク\",])(d)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":370,"value":"data5 = (await d3.csv(\"https://gist.githubusercontent.com/hitomi-neko/d218eaff7ae1159bda96f8db86d004e6/raw/6e8767b1204c0afb6e303f3645fbe5553b93839b/network_data5%2520-%2520%25E3%2582%25B7%25E3%2583%25BC%25E3%2583%25881%2520(1).csv\", d3.autoType))\n.map(({time, LowestSES, LowermiddleSES, UppermiddleSES, HighestSES}) => \n ({t: time,ls: LowestSES,lms: LowermiddleSES,ums: UppermiddleSES,hs: HighestSES}))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":828,"value":"item5 = d => d3\n .scaleOrdinal()\n .domain([0,1,2,3,4,5])\n .range([\"全くしない\",\"30分未満\",\"30分~1時間\",\"1時間~2時間\",\n \"2時間~3時間\",\"3時間以上\"])(d)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":917,"value":"item5_2 = d => d3\n .scaleOrdinal()\n .domain([0,30,60,120,180])\n .range([\"全くしない\",\"30分\",\"1時間\",\"2時間\",\n \"3時間\"])(d)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":331,"value":"d3 = require('d3@6')","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":99,"value":"style = html``","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W2e","stdlib":"1"}} 28:"$27:body"