2d:["$","title",null,{"children":"What is the best university to study art or design for you? | test-jun7a | Observable"}] 32:T549,chartOfLocation = { const svg = d3 .create("svg") .attr('width', width[0]) .attr('height', height[0]); const bar = svg .append("g") .attr("fill", "#6cbcac") .selectAll("rect") .data(mapdata2002) .join("rect") .style("mix-blend-mode", "multiply") .attr("x", d => xChartOfLocation(d.name)) .attr("y", d => yChartOfLocation(d.value)) .attr("height", d => yChartOfLocation(0) - yChartOfLocation(d.value)) .attr("width", xChartOfLocation.bandwidth()) .on('mouseover', function(e, d, i) { tooltip .html(`

${d.name}
${d.value}校

${d.hrank}位
${d.nameJp}
${d.students}人

${d.hrank}位
${d.nameJp}
${d.tuition}円

${d.hrank}位
${d.nameJp}
受入率${d.rate}%
GPA${d.gpa}

` ) .style('visibility', 'visible'); d3.select(this).attr('fill', '#fcac64'); }) .on('mousemove', function(e) { tooltip .style('top', e.pageY + 10 + 'px') .style('left', e.pageX + 10 + 'px'); }) .on('mouseout', function() { tooltip.html(``).style('visibility', 'hidden'); d3.select(this) .transition() .attr('fill', '#6cbcac'); }); // 軸の線を白色に svg .selectAll('g.xAxis, g.yAxis') .selectAll('line, path') .attr('stroke', 'white') .attr('opacity', 0.5); const tex = svg .append("g") .attr("transform", `translate(${0},0)`) .selectAll("g") .data(dataAll2) .join("g") .call( g => g .append("text") .attr("dx", 25) .attr("dy", 12) .attr("x", -200) .attr("y", 30) .text("受入率(%)") .attr("transform", "rotate(-90)") .attr("font-size", "13px") // フォントサイズ .attr('text-anchor', "middle") // 文字をセンター寄せ配置 ) .call( g => g .append("text") .attr("dx", 25) .attr("dy", 12) .attr("x", 230) .attr("y", 410) .text("GPA") .attr("font-size", "13px") // フォントサイズ .attr('text-anchor', "middle") // 文字をセンター寄せ配置 ); return svg.node(); }37:Td56,chart = { const root = d3.hierarchy(department); root.x0 = dy / 2; root.y0 = 0; root.descendants().forEach((d, i) => { d.id = i; d._children = d.children; if (d.depth && d.data.name.length !== 7) d.children = null; }); const svg = d3 .create("svg") .attr("viewBox", [-margin[4].left, -margin[4].top, width[2], dx]) .style("font", "10px sans-serif") .style("user-select", "none"); const gLink = svg .append("g") .attr("fill", "none") .attr("stroke", "#d9e1d8") .attr("stroke-opacity", 0.4) .attr("stroke-width", 1.5); const gNode = svg .append("g") .attr("cursor", "pointer") .attr("pointer-events", "all"); function update(source) { const duration = d3.event && d3.event.altKey ? 2500 : 250; const nodes = root.descendants().reverse(); const links = root.links(); tree(root); let left = root; let right = root; root.eachBefore(node => { if (node.x < left.x) left = node; if (node.x > right.x) right = node; }); const height = right.x - left.x + margin[4].top + margin[4].bottom; const transition = svg .transition() .duration(duration) .attr("viewBox", [ -margin[4].left, left.x - margin[4].top, width[2], height ]) .tween( "resize", window.ResizeObserver ? null : () => () => svg.dispatch("toggle") ); const node = gNode.selectAll("g").data(nodes, d => d.id); const nodeEnter = node .enter() .append("g") .attr("transform", d => `translate(${source.y0},${source.x0})`) .attr("fill-opacity", 0) .attr("stroke-opacity", 0) .on("click", (event, d) => { d.children = d.children ? null : d._children; update(d); }); nodeEnter .append("circle") .attr("r", 2.5) .attr("fill", d => (d._children ? "#6cbcac" : "#6cbcac")) .attr("stroke-width", 10); nodeEnter .append("text") .attr("dy", "0.31em") .attr("x", d => (d._children ? -6 : 6)) .attr("text-anchor", d => (d._children ? "end" : "start")) .text(d => d.data.name) .clone(true) .lower() .attr("stroke-linejoin", "round") .attr("stroke-width", 3) .attr("stroke", "white"); const nodeUpdate = node .merge(nodeEnter) .transition(transition) .attr("transform", d => `translate(${d.y},${d.x})`) .attr("fill-opacity", 1) .attr("stroke-opacity", 1); const nodeExit = node .exit() .transition(transition) .remove() .attr("transform", d => `translate(${source.y},${source.x})`) .attr("fill-opacity", 0) .attr("stroke-opacity", 0); const link = gLink.selectAll("path").data(links, d => d.target.id); const linkEnter = link .enter() .append("path") .attr("d", d => { const o = { x: source.x0, y: source.y0 }; return diagonal({ source: o, target: o }); }); link .merge(linkEnter) .transition(transition) .attr("d", diagonal); link .exit() .transition(transition) .remove() .attr("d", d => { const o = { x: source.x, y: source.y }; return diagonal({ source: o, target: o }); }); root.eachBefore(d => { d.x0 = d.x; d.y0 = d.y; }); } update(root); return svg.node(); }38:Td58,chart2 = { const root = d3.hierarchy(departments); root.x0 = dy / 2; root.y0 = 0; root.descendants().forEach((d, i) => { d.id = i; d._children = d.children; if (d.depth && d.data.name.length !== 7) d.children = null; }); const svg = d3 .create("svg") .attr("viewBox", [-margin[4].left, -margin[4].top, width[2], dx]) .style("font", "10px sans-serif") .style("user-select", "none"); const gLink = svg .append("g") .attr("fill", "none") .attr("stroke", "#d9e1d8") .attr("stroke-opacity", 0.4) .attr("stroke-width", 1.5); const gNode = svg .append("g") .attr("cursor", "pointer") .attr("pointer-events", "all"); function update(source) { const duration = d3.event && d3.event.altKey ? 2500 : 250; const nodes = root.descendants().reverse(); const links = root.links(); tree(root); let left = root; let right = root; root.eachBefore(node => { if (node.x < left.x) left = node; if (node.x > right.x) right = node; }); const height = right.x - left.x + margin[4].top + margin[4].bottom; const transition = svg .transition() .duration(duration) .attr("viewBox", [ -margin[4].left, left.x - margin[4].top, width[2], height ]) .tween( "resize", window.ResizeObserver ? null : () => () => svg.dispatch("toggle") ); const node = gNode.selectAll("g").data(nodes, d => d.id); const nodeEnter = node .enter() .append("g") .attr("transform", d => `translate(${source.y0},${source.x0})`) .attr("fill-opacity", 0) .attr("stroke-opacity", 0) .on("click", (event, d) => { d.children = d.children ? null : d._children; update(d); }); nodeEnter .append("circle") .attr("r", 2.5) .attr("fill", d => (d._children ? "#6cbcac" : "#6cbcac")) .attr("stroke-width", 10); nodeEnter .append("text") .attr("dy", "0.31em") .attr("x", d => (d._children ? -6 : 6)) .attr("text-anchor", d => (d._children ? "end" : "start")) .text(d => d.data.name) .clone(true) .lower() .attr("stroke-linejoin", "round") .attr("stroke-width", 3) .attr("stroke", "white"); const nodeUpdate = node .merge(nodeEnter) .transition(transition) .attr("transform", d => `translate(${d.y},${d.x})`) .attr("fill-opacity", 1) .attr("stroke-opacity", 1); const nodeExit = node .exit() .transition(transition) .remove() .attr("transform", d => `translate(${source.y},${source.x})`) .attr("fill-opacity", 0) .attr("stroke-opacity", 0); const link = gLink.selectAll("path").data(links, d => d.target.id); const linkEnter = link .enter() .append("path") .attr("d", d => { const o = { x: source.x0, y: source.y0 }; return diagonal({ source: o, target: o }); }); link .merge(linkEnter) .transition(transition) .attr("d", diagonal); link .exit() .transition(transition) .remove() .attr("d", d => { const o = { x: source.x, y: source.y }; return diagonal({ source: o, target: o }); }); root.eachBefore(d => { d.x0 = d.x; d.y0 = d.y; }); } update(root); return svg.node(); }39:T109a,worldmap = { //var dropdownOptions = ["~25位", "~50位", "~100位", "~200位"]; var twntyfive = d3.select("#container").append('button'); var fifty = d3.select("#container").append('button'); var oneHundred = d3.select("#container").append('button'); var twoHundred = d3.select("#container").append('button'); twntyfive.text('~25位').attr('value', function(d) { return 'twntyfive'; }); fifty.text('~50位').attr('value', function(d) { return 'fifty'; }); oneHundred.text('~100位').attr('value', function(d) { return 'oneHundred'; }); twoHundred.text('~200位').attr('value', function(d) { return 'twoHundred'; }); var twentyFive_max = datas[0].value; var fifty_max = mapdata50[0].value; var oneHundred_max = mapdata100[0].value; var twoHundred_max = mapdata200[0].value; function generateMapping(max_val, num) { console.log(max_val); var map = {}; var colors = d3 .scaleLinear() .domain([0, max_val]) .range(['#BCE1DF', '#006660']); for (var i = 0; i < datacountries.length; i++) { map[datacountries[i].code] = { fillColor: '#dddddd' }; map[datacountries[i].code].tooltip = " "; } var words = []; if (num == 'a') { for (var i = 0; i < datas.length; i++) { map[datas[i].name] = { fillColor: colors(datas[i].value) }; words[i] = " "; for (var j = 0; j < dataAll.length; j++) { if (dataAll[j].code == datas[i].name) { words[i] = words[i] + "
" + dataAll[j].nameJp; } } map[datas[i].name].tooltip = datas[i].value + "校" + words[i]; } } if (num == 'b') { for (var i = 0; i < mapdata50.length; i++) { map[mapdata50[i].name] = { fillColor: colors(mapdata50[i].value) }; words[i] = " "; for (var j = 0; j < dataAll.length; j++) { if (dataAll[j].code == mapdata50[i].name) { words[i] = words[i] + "
" + dataAll[j].nameJp; } } map[mapdata50[i].name].tooltip = mapdata50[i].value + "校" + words[i]; } } if (num == 'c') { for (var i = 0; i < mapdata100.length; i++) { map[mapdata100[i].name] = { fillColor: colors(mapdata100[i].value) }; words[i] = " "; for (var j = 0; j < dataAll.length; j++) { if (dataAll[j].code == mapdata100[i].name) { words[i] = words[i] + "
" + dataAll[j].nameJp; } } map[mapdata100[i].name].tooltip = mapdata100[i].value + "校" + words[i]; } } if (num == 'd') { for (var i = 0; i < mapdata200.length; i++) { map[mapdata200[i].name] = { fillColor: colors(mapdata200[i].value) }; words[i] = " "; for (var j = 0; j < dataAll.length; j++) { if (dataAll[j].code == mapdata200[i].name) { words[i] = words[i] + "
" + dataAll[j].nameJp; } } map[mapdata200[i].name].tooltip = mapdata200[i].value + "校" + words[i]; } } return map; } const theNumberOfUniversities = generateMapping(twentyFive_max, 'a'); const code_totalLiquorFillKey = generateMapping(fifty_max, 'b'); const code_beerServingsFillKey = generateMapping(oneHundred_max, 'c'); const code_wineServingsFillKey = generateMapping(twoHundred_max, 'd'); var currentFillKey = {}; var map = new Datamap({ element: document.getElementById('container'), projection: 'mercator', geographyConfig: { popupTemplate: function(geography, data) { return ( '

' + geography.properties.name + '

' + data.tooltip + '

' ); } }, fills: { defaultFill: '#dddddd' }, data: currentFillKey }); map.updateChoropleth(theNumberOfUniversities); twntyfive.on("click", function(d) { map.updateChoropleth(theNumberOfUniversities); }); fifty.on("click", function(d) { map.updateChoropleth(code_totalLiquorFillKey); }); oneHundred.on("click", function(d) { map.updateChoropleth(code_beerServingsFillKey); }); twoHundred.on("click", function(d) { map.updateChoropleth(code_wineServingsFillKey); }); }3a:T449,table = (data = [], options = {}) => { if (data.length === 0) return html``; const columnHeaders = Array.isArray(data[0]) ? data[0] : Object.keys(data[0]); if (options.sort) { const columns = Object.keys(data[0]); const index = columns.indexOf(options.sort) || 0; options.columnSorting = { initialConfig: { column: index, sortOrder: options.sortOrder || 'asc' } }; } return handsontable({ data, columns: columnHeaders.map(columnHeader => ({ data: columnHeader, renderer: 'html' })), colHeaders: columnHeaders, columnSorting: true, // manualColumnMove: true, // manualColumnResize: true, // formulas: columnHeaders.reduce((result, columnHeader, index) => { // const columnCoordinate = String.fromCharCode(97 + index).toUpperCase() // // return { ...result, [columnHeader.toUpperCase()]: `${columnCoordinate}1:${columnCoordinate + data.length}` } // return { ...result, [columnHeader.toUpperCase()]: columnCoordinate } // }, {}), // dropdownMenu: true, // filters: true, ...options }); }3b:T7f0,handsontable = (options = {}, update) => { const height = Math.min(options.data.length * 22 + 38, 600); const element = html`

`; const hot = Handsontable(element, { ...options, width: '100%', height, licenseKey: 'non-commercial-and-evaluation', data: options.data, outsideClickDeselects: false }); const updateElement = () => { element.value = hot.getSourceData() || []; element.dispatchEvent(new CustomEvent('input')); }; // const hooks = Object.entries(options).reduce((result, [key, value]) => { // if (typeof value === 'function') { // return { ...result, [key]: (...args) => value(...args, hot) }; // } // }, {}); hot.updateSettings({ // ...hooks, afterRender: () => { hot.view.wt.wtOverlays.updateMainScrollableElements(); }, beforeChange: (changes, source) => { updateElement(changes, source); } // afterColumnMove: (column, target) => { // if (options.afterColumnMove) { // options.afterColumnMove(column, target); // } // updateElement(); // }, // afterColumnResize: (currentColumn, newSize, isDoubleClick) => { // if (options.afterColumnResize) { // options.afterColumnResize(currentColumn, newSize, isDoubleClick); // } // updateElement(); // }, // afterColumnSort: (currentSortConfig, destinationSortConfig) => { // if (options.afterColumnSort) { // options.afterColumnSort(currentSortConfig, destinationSortConfig); // } // updateElement(); // }, // afterFilter: conditionsStack => { // if (options.afterFilter) { // options.afterFilter(conditionsStack); // } // updateElement(); // } }); element.hot = hot; element.value = hot.getSourceData() || []; invalidation.then(() => element.hot.destroy()); setTimeout(() => { // element.hot.render(); element.hot.refreshDimensions(); }, 30); return element; }3c:T1e73,all = { const royal2 = dataFMcsv3 .map(d => { if (d.Royal != null) { return { name: d.Royal, value: 1 }; } }) .filter(v => v); const royal = { name: "ロイヤル・カレッジ・オブ・アート", children: royal2 }; const london2 = dataFMcsv3 .map(d => { if (d.London != null) { return { name: d.London, value: 1 }; } }) .filter(v => v); const london = { name: "ロンドン芸術大学", children: london2 }; const parsons2 = dataFMcsv3 .map(d => { if (d.Parsons != null) { return { name: d.Parsons, value: 1 }; } }) .filter(v => v); const parsons = { name: "パーソンズ美術大学", children: parsons2 }; const rhode2 = dataFMcsv3 .map(d => { if (d.Rhode != null) { return { name: d.Rhode, value: 1 }; } }) .filter(v => v); const rhode = { name: "ロードアイランド・スクール・オブ・デザイン", children: rhode2 }; const MIT2 = dataFMcsv3 .map(d => { if (d.MIT != null) { return { name: d.MIT, value: 1 }; } }) .filter(v => v); const MIT = { name: "マサチューセッツ工科大学", children: MIT2 }; const Politecnico2 = dataFMcsv3 .map(d => { if (d.Politecnico != null) { return { name: d.Politecnico, value: 1 }; } }) .filter(v => v); const Politecnico = { name: "ミラノ工科大学", children: Politecnico2 }; const Aalto2 = dataFMcsv3 .map(d => { if (d.Aalto != null) { return { name: d.Aalto, value: 1 }; } }) .filter(v => v); const Aalto = { name: "アールト大学", children: Aalto2 }; const Glasgow2 = dataFMcsv3 .map(d => { if (d.Glasgow != null) { return { name: d.Glasgow, value: 1 }; } }) .filter(v => v); const Glasgow = { name: "グラスゴー・スクール・オブ・アート", children: Glasgow2 }; const Chicago2 = dataFMcsv3 .map(d => { if (d.Chicago != null) { return { name: d.Chicago, value: 1 }; } }) .filter(v => v); const Chicago = { name: "シカゴ美術館附属美術大学", children: Chicago2 }; const Pratt2 = dataFMcsv3 .map(d => { if (d.Pratt != null) { return { name: d.Pratt, value: 1 }; } }) .filter(v => v); const Pratt = { name: "プラットインスティテュート", children: Pratt2 }; const RMIT2 = dataFMcsv3 .map(d => { if (d.RMIT != null) { return { name: d.RMIT, value: 1 }; } }) .filter(v => v); const RMIT = { name: "ロイヤルメルボルン工科大学", children: RMIT2 }; const ArtCenter2 = dataFMcsv3 .map(d => { if (d.ArtCenter != null) { return { name: d.ArtCenter, value: 1 }; } }) .filter(v => v); const ArtCenter = { name: "アートセンター・カレッジ・オブ・デザイン", children: ArtCenter2 }; const Tongji2 = dataFMcsv3 .map(d => { if (d.Tongji != null) { return { name: d.Tongji, value: 1 }; } }) .filter(v => v); const Tongji = { name: "同済大学", children: Tongji2 }; const Goldsmiths2 = dataFMcsv3 .map(d => { if (d.Goldsmiths != null) { return { name: d.Goldsmiths, value: 1 }; } }) .filter(v => v); const Goldsmiths = { name: "ロンドン大学ゴールドスミスカレッジ", children: Goldsmiths2 }; const Polytechnic2 = dataFMcsv3 .map(d => { if (d.Polytechnic != null) { return { name: d.Polytechnic, value: 1 }; } }) .filter(v => v); const Polytechnic = { name: "香港理工大学", children: Polytechnic2 }; const Stanford2 = dataFMcsv3 .map(d => { if (d.Stanford != null) { return { name: d.Stanford, value: 1 }; } }) .filter(v => v); const Stanford = { name: "スタンフォード大学", children: Stanford2 }; const Mellon2 = dataFMcsv3 .map(d => { if (d.Mellon != null) { return { name: d.Mellon, value: 1 }; } }) .filter(v => v); const Mellon = { name: "カーネギーメロン大学", children: Mellon2 }; const Eindhoven2 = dataFMcsv3 .map(d => { if (d.Eindhoven != null) { return { name: d.Eindhoven, value: 1 }; } }) .filter(v => v); const Eindhoven = { name: "デザインアカデミーアイントホーフェン", children: Eindhoven2 }; const Tsinghua2 = dataFMcsv3 .map(d => { if (d.Tsinghua != null) { return { name: d.Tsinghua, value: 1 }; } }) .filter(v => v); const Tsinghua = { name: "清華大学", children: Tsinghua2 }; const California2 = dataFMcsv3 .map(d => { if (d.California != null) { return { name: d.California, value: 1 }; } }) .filter(v => v); const California = { name: "カリフォルニア芸術大学", children: California2 }; const KADK2 = dataFMcsv3 .map(d => { if (d.KADK != null) { return { name: d.KADK, value: 1 }; } }) .filter(v => v); const KADK = { name: "デンマーク王立芸術大学", children: KADK2 }; const ENSCI2 = dataFMcsv3 .map(d => { if (d.ENSCI != null) { return { name: d.ENSCI, value: 1 }; } }) .filter(v => v); const ENSCI = { name: "ENSCI", children: ENSCI2 }; const Sydney2 = dataFMcsv3 .map(d => { if (d.Sydney != null) { return { name: d.Sydney, value: 1 }; } }) .filter(v => v); const Sydney = { name: "シドニー工科大学", children: Sydney2 }; const Loughborough2 = dataFMcsv3 .map(d => { if (d.Loughborough != null) { return { name: d.Loughborough, value: 1 }; } }) .filter(v => v); const Loughborough = { name: "ラフバラー大学", children: Loughborough2 }; const CaliforniaCollege2 = dataFMcsv3 .map(d => { if (d.CaliforniaCollege != null) { return { name: d.CaliforniaCollege, value: 1 }; } }) .filter(v => v); const CaliforniaCollege = { name: "カリフォルニア美術大学", children: CaliforniaCollege2 }; const Kyushu2 = dataFMcsv3 .map(d => { if (d.Kyushu != null) { return { name: d.Kyushu, value: 1 }; } }) .filter(v => v); const Kyushu = { name: "九州大学", children: Kyushu2 }; const Tohoku2 = dataFMcsv3 .map(d => { if (d.Tohoku != null) { return { name: d.Tohoku, value: 1 }; } }) .filter(v => v); const Tohoku = { name: "東北大学", children: Tohoku2 }; const Tsukuba2 = dataFMcsv3 .map(d => { if (d.Tsukuba != null) { return { name: d.Tsukuba, value: 1 }; } }) .filter(v => v); const Tsukuba = { name: "筑波大学", children: Tsukuba2 }; const Waseda2 = dataFMcsv3 .map(d => { if (d.Waseda != null) { return { name: d.Waseda, value: 1 }; } }) .filter(v => v); const Waseda = { name: "早稲田大学", children: Waseda2 }; const Musashino2 = dataFMcsv3 .map(d => { if (d.Musashino != null) { return { name: d.Musashino, value: 1 }; } }) .filter(v => v); const Musashino = { name: "武蔵野大学", children: Musashino2 }; const all = [ royal, london, parsons, rhode, MIT, Politecnico, Aalto, Glasgow, Chicago, Pratt, RMIT, ArtCenter, Tongji, Goldsmiths, Polytechnic, Stanford, Mellon, Eindhoven, Tsinghua, California, KADK, ENSCI, Sydney, Loughborough, CaliforniaCollege, Kyushu, Tohoku, Tsukuba, Waseda, Musashino ]; return all; }3d:T1771,media = { const ani2 = [ { name: "ロイヤル・カレッジ・オブ・アート", value: 1 }, { name: "ロンドン芸術大学", value: 1 }, { name: "シドニー工科大学", value: 1 }, { name: "カリフォルニア美術大学", value: 1 } ]; const pho2 = [ { name: "ロイヤル・カレッジ・オブ・アート", value: 1 }, { name: "ロンドン芸術大学", value: 1 }, { name: "パーソンズ美術大学", value: 1 }, { name: "シカゴ美術館附属美術大学", value: 1 }, { name: "プラットインスティテュート", value: 1 }, { name: "アートセンター・カレッジ・オブ・デザイン", value: 1 }, { name: "カリフォルニア芸術大学", value: 1 }, { name: "カリフォルニア美術大学", value: 1 } ]; const com = [ { name: "ロイヤル・カレッジ・オブ・アート", value: 1 }, { name: "ロンドン芸術大学", value: 1 }, { name: "パーソンズ美術大学", value: 1 }, { name: "ミラノ工科大学", value: 1 }, { name: "グラスゴー・スクール・オブ・アート", value: 1 }, { name: "プラットインスティテュート", value: 1 }, { name: "ロイヤルメルボルン工科大学", value: 1 }, { name: "香港理工大学", value: 1 } ]; const deg = [ { name: "ロードアイランド・スクール・オブ・デザイン", value: 1 }, { name: "アールト大学", value: 1 }, { name: "プラットインスティテュート", value: 1 }, { name: "香港理工大学", value: 1 } ]; const fil = [ { name: "ロードアイランド・スクール・オブ・デザイン", value: 1 }, { name: "アールト大学", value: 1 }, { name: "シカゴ美術館附属美術大学", value: 1 }, { name: "プラットインスティテュート", value: 1 }, { name: "アートセンター・カレッジ・オブ・デザイン", value: 1 }, { name: "スタンフォード大学", value: 1 }, { name: "カリフォルニア美術大学", value: 1 } ]; const gra = [ { name: "ロードアイランド・スクール・オブ・デザイン", value: 1 }, { name: "アートセンター・カレッジ・オブ・デザイン", value: 1 }, { name: "デザインアカデミーアイントホーフェン", value: 1 }, { name: "カリフォルニア芸術大学", value: 1 }, { name: "デンマーク王立芸術大学", value: 1 }, { name: "ラフバラー大学", value: 1 }, { name: "カリフォルニア美術大学", value: 1 } ]; const sou = [ { name: "マサチューセッツ工科大学", value: 1 }, { name: "グラスゴー・スクール・オブ・アート", value: 1 }, { name: "シカゴ美術館附属美術大学", value: 1 }, { name: "スタンフォード大学", value: 1 }, { name: "九州大学", value: 1 } ]; const med = [ { name: "ロードアイランド・スクール・オブ・デザイン", value: 1 }, { name: "マサチューセッツ工科大学", value: 1 }, { name: "アールト大学", value: 1 }, { name: "ロイヤルメルボルン工科大学", value: 1 }, { name: "同済大学", value: 1 }, { name: "香港理工大学", value: 1 }, { name: "カリフォルニア芸術大学", value: 1 }, { name: "デンマーク王立芸術大学", value: 1 } ]; const gam = [ { name: "グラスゴー・スクール・オブ・アート", value: 1 }, { name: "ロイヤルメルボルン工科大学", value: 1 }, { name: "カリフォルニア美術大学", value: 1 } ]; const comm = [ { name: "シカゴ美術館附属美術大学", value: 1 }, { name: "アートセンター・カレッジ・オブ・デザイン", value: 1 }, { name: "香港理工大学", value: 1 }, { name: "カリフォルニア美術大学", value: 1 } ]; const vid = [ { name: "シカゴ美術館附属美術大学", value: 1 }, { name: "清華大学", value: 1 }, { name: "デンマーク王立芸術大学", value: 1 }, { name: "シドニー工科大学", value: 1 }, { name: "筑波大学", value: 1 } ]; const wri = [ { name: "ロイヤル・カレッジ・オブ・アート", value: 1 }, { name: "シカゴ美術館附属美術大学", value: 1 }, { name: "カリフォルニア美術大学", value: 1 } ]; const intr = [ { name: "グラスゴー・スクール・オブ・アート", value: 1 }, { name: "アートセンター・カレッジ・オブ・デザイン", value: 1 }, { name: "カリフォルニア美術大学", value: 1 } ]; const intra = [ { name: "ロンドン芸術大学", value: 1 }, { name: "香港理工大学", value: 1 } ]; const obj = { name: "アニメーション", children: ani2 }; const obj2 = { name: "写真", children: pho2 }; const obj3 = { name: "コミュニケーションデザイン", children: com }; const obj4 = { name: "デジタル", children: deg }; const obj5 = { name: "映画／アニメーション／映像", children: fil }; const obj6 = { name: "グラフィックデザイン", children: gra }; const obj7 = { name: "音", children: sou }; const obj8 = { name: "メディアアート", children: med }; const obj9 = { name: "ゲームデザイン", children: gam }; const obj10 = { name: "広告", children: comm }; const obj11 = { name: "ビジュアルコミュニケーション", children: vid }; const obj12 = { name: "ライティング", children: wri }; const obj13 = { name: "インタラクションデザイン", children: intr }; const obj14 = { name: "インタラクティブメディア", children: intra }; const sum = [ obj, obj2, obj3, obj4, obj5, obj6, obj7, obj8, obj9, obj10, obj11, obj12, obj13, obj14 ]; const total = { name: "メディア系 ", children: sum }; return total; }3e:Ted5,product = { const a = [ { name: "ロイヤル・カレッジ・オブ・アート", value: 1 }, { name: "ロンドン芸術大学", value: 1 }, { name: "グラスゴー・スクール・オブ・アート", value: 1 }, { name: "カリフォルニア美術大学", value: 1 } ]; const b = [ { name: "ロイヤル・カレッジ・オブ・アート", value: 1 }, { name: "ロンドン芸術大学", value: 1 }, { name: "パーソンズ美術大学", value: 1 }, { name: "ミラノ工科大学", value: 1 }, { name: "グラスゴー・スクール・オブ・アート", value: 1 }, { name: "プラットインスティテュート", value: 1 }, { name: "香港理工大学", value: 1 }, { name: "カリフォルニア美術大学", value: 1 } ]; const c = [ { name: "ロイヤル・カレッジ・オブ・アート", value: 1 }, { name: "ロンドン芸術大学", value: 1 }, { name: "パーソンズ美術大学", value: 1 }, { name: "ロードアイランド・スクール・オブ・デザイン", value: 1 }, { name: "アールト大学", value: 1 }, { name: "グラスゴー・スクール・オブ・アート", value: 1 }, { name: "シカゴ美術館附属美術大学", value: 1 }, { name: "スタンフォード大学", value: 1 }, { name: "デザインアカデミーアイントホーフェン", value: 1 }, { name: "デンマーク王立芸術大学", value: 1 }, { name: "カリフォルニア美術大学", value: 1 }, { name: "東北大学", value: 1 }, { name: "筑波大学", value: 1 }, { name: "早稲田大学", value: 1 }, { name: "武蔵野大学", value: 1 } ]; const d = [ { name: "ロイヤル・カレッジ・オブ・アート", value: 1 }, { name: "アートセンター・カレッジ・オブ・デザイン", value: 1 } ]; const e = [ { name: "ロードアイランド・スクール・オブ・デザイン", value: 1 }, { name: "プラットインスティテュート", value: 1 }, { name: "デザインアカデミーアイントホーフェン", value: 1 }, { name: "清華大学", value: 1 }, { name: "ENSCI", value: 1 }, { name: "カリフォルニア美術大学", value: 1 } ]; const f = [ { name: "ロンドン芸術大学", value: 1 }, { name: "パーソンズ美術大学", value: 1 }, { name: "ミラノ工科大学", value: 1 }, { name: "グラスゴー・スクール・オブ・アート", value: 1 }, { name: "アートセンター・カレッジ・オブ・デザイン", value: 1 }, { name: "香港理工大学", value: 1 }, { name: "シドニー工科大学", value: 1 }, { name: "筑波大学", value: 1 } ]; const g = [ { name: "ロンドン芸術大学", value: 1 }, { name: "デンマーク王立芸術大学", value: 1 } ]; const h = [ { name: "ロードアイランド・スクール・オブ・デザイン", value: 1 }, { name: "デンマーク王立芸術大学", value: 1 }, { name: "カリフォルニア美術大学", value: 1 } ]; const obj = { name: "ジュエリー", children: a }; const obj2 = { name: "インテリアデザイン", children: b }; const obj3 = { name: "建築", children: c }; const obj4 = { name: "トランスポーテーションデザイン", children: d }; const obj5 = { name: "インダストリアルデザイン", children: e }; const obj6 = { name: "プロダクトデザイン", children: f }; const obj7 = { name: "空間デザイン", children: g }; const obj8 = { name: "家具デザイン", children: h }; const sum = [obj, obj2, obj3, obj4, obj5, obj6, obj7, obj8]; const total = { name: "プロダクト系 ", children: sum }; return total; }3f:T105f,art = { const a = [ { name: "ロイヤル・カレッジ・オブ・アート", value: 1 }, { name: "ロンドン芸術大学", value: 1 }, { name: "グラスゴー・スクール・オブ・アート", value: 1 }, { name: "ロイヤルメルボルン工科大学", value: 1 }, { name: "清華大学", value: 1 }, { name: "デンマーク王立芸術大学", value: 1 }, { name: "ENSCI", value: 1 }, { name: "シドニー工科大学", value: 1 }, { name: "ラフバラー大学", value: 1 }, { name: "カリフォルニア美術大学", value: 1 } ]; const b = [ { name: "ロンドン芸術大学", value: 1 }, { name: "パーソンズ美術大学", value: 1 }, { name: "ロードアイランド・スクール・オブ・デザイン", value: 1 }, { name: "アートセンター・カレッジ・オブ・デザイン", value: 1 }, { name: "カリフォルニア美術大学", value: 1 } ]; const c = [ { name: "グラスゴー・スクール・オブ・アート", value: 1 }, { name: "プラットインスティテュート", value: 1 }, { name: "ロンドン大学ゴールドスミスカレッジ", value: 1 }, { name: "ラフバラー大学", value: 1 } ]; const d = [ { name: "ロイヤル・カレッジ・オブ・アート", value: 1 }, { name: "グラスゴー・スクール・オブ・アート", value: 1 }, { name: "シカゴ美術館附属美術大学", value: 1 }, { name: "清華大学", value: 1 }, { name: "デンマーク王立芸術大学", value: 1 }, { name: "カリフォルニア美術大学", value: 1 }, { name: "筑波大学", value: 1 } ]; const e = [ { name: "ロイヤル・カレッジ・オブ・アート", value: 1 }, { name: "ロードアイランド・スクール・オブ・デザイン", value: 1 }, { name: "シカゴ美術館附属美術大学", value: 1 }, { name: "清華大学", value: 1 }, { name: "カリフォルニア美術大学", value: 1 } ]; const f = [ { name: "ロイヤル・カレッジ・オブ・アート", value: 1 }, { name: "グラスゴー・スクール・オブ・アート", value: 1 }, { name: "シカゴ美術館附属美術大学", value: 1 }, { name: "清華大学", value: 1 }, { name: "カリフォルニア美術大学", value: 1 } ]; const g = [ { name: "ロードアイランド・スクール・オブ・デザイン", value: 1 }, { name: "カリフォルニア美術大学", value: 1 } ]; const h = [ { name: "カリフォルニア芸術大学", value: 1 }, { name: "カーネギーメロン大学", value: 1 } ]; const i = [ { name: "ロイヤル・カレッジ・オブ・アート", value: 1 }, { name: "ロンドン芸術大学", value: 1 }, { name: "パーソンズ美術大学", value: 1 }, { name: "ロードアイランド・スクール・オブ・デザイン", value: 1 }, { name: "ミラノ工科大学", value: 1 }, { name: "グラスゴー・スクール・オブ・アート", value: 1 }, { name: "シカゴ美術館附属美術大学", value: 1 }, { name: "プラットインスティテュート", value: 1 }, { name: "ロイヤルメルボルン工科大学", value: 1 }, { name: "デザインアカデミーアイントホーフェン", value: 1 }, { name: "清華大学", value: 1 }, { name: "シドニー工科大学", value: 1 }, { name: "カリフォルニア美術大学", value: 1 } ]; const obj = { name: "テキスタイル", children: a }; const obj2 = { name: "イラストレーション", children: b }; const obj3 = { name: "ファインアート", children: c }; const obj4 = { name: "絵画", children: d }; const obj5 = { name: "陶芸", children: e }; const obj6 = { name: "彫刻", children: f }; const obj7 = { name: "ガラス", children: g }; const obj8 = { name: "アート", children: h }; const obj9 = { name: "ファッションメイク", children: i }; const sum = [obj, obj2, obj3, obj4, obj5, obj6, obj7, obj8, obj9]; const total = { name: "芸術系 ", children: sum }; return total; }40:[{"id":"b8c81240e7597af48e1dbaf0b06ae8cdfe29462729a8f37c9273a72449e9bb606a9eda660feb6b0478b081125b053f6ebf289b44a18f47eb9d0150b030c4ded8","href":"https://static.observableusercontent.com/files/b8c81240e7597af48e1dbaf0b06ae8cdfe29462729a8f37c9273a72449e9bb606a9eda660feb6b0478b081125b053f6ebf289b44a18f47eb9d0150b030c4ded8","name":"Architect_Isometric.png","type":"image/png","lastModified":1611883276664.417,"size":47162},{"id":"97ee9ae2197c5eb38b3d261736c359bcc3b8225cfad5f96cfa661f99e18894ad162af9ce53c5b4d35766cda0ab8fa4ef3fb5978bc67294e9800cce2a48ea95f6","href":"https://static.observableusercontent.com/files/97ee9ae2197c5eb38b3d261736c359bcc3b8225cfad5f96cfa661f99e18894ad162af9ce53c5b4d35766cda0ab8fa4ef3fb5978bc67294e9800cce2a48ea95f6","name":"Creative Process _Monochromatic.png","type":"image/png","lastModified":1611853870263.218,"size":65639},{"id":"9d50392c563c94a9b1d88c9d272f9fa4851c4a032fa1753de0cc5674d0ebf22727d43cb41be559c0308bec9b2e106f42796a8a82d7ce64dbf18b387111e2915d","href":"https://static.observableusercontent.com/files/9d50392c563c94a9b1d88c9d272f9fa4851c4a032fa1753de0cc5674d0ebf22727d43cb41be559c0308bec9b2e106f42796a8a82d7ce64dbf18b387111e2915d","name":"3D Model_Monochromatic.png","type":"image/png","lastModified":1611855413273.917,"size":60325},{"id":"8214af5d685ebef304ba848aacde9bcb776574e3400ae9b4af3f2bdf859ebea47dfed133defddc152042caa854d4307642d4e4c2cdf1fea2c367b29ab0e79fa1","href":"https://static.observableusercontent.com/files/8214af5d685ebef304ba848aacde9bcb776574e3400ae9b4af3f2bdf859ebea47dfed133defddc152042caa854d4307642d4e4c2cdf1fea2c367b29ab0e79fa1","name":"World wide web_Monochromatic.png","type":"image/png","lastModified":1611857350389.19,"size":50171},{"id":"f26920892912e70cc1122927d7709e6f008ce6a476f43b27b3e09b80cf1ba1aab7f495f950cec96c0ae55adaf7dc44a1898105d5baf5d02ac03a17902728b1a1","href":"https://static.observableusercontent.com/files/f26920892912e70cc1122927d7709e6f008ce6a476f43b27b3e09b80cf1ba1aab7f495f950cec96c0ae55adaf7dc44a1898105d5baf5d02ac03a17902728b1a1","name":"Team meeting_Monochromatic.png","type":"image/png","lastModified":1611861832634.94,"size":58489},{"id":"ce5b96c82783b28e76c6b3a2779a99b2196184b702cfc4c24627f9228cb238f90fb40bf069a54a7e8c339fa94da436fca3f3c1beac1d48135f2ca15cfbfa080b","href":"https://static.observableusercontent.com/files/ce5b96c82783b28e76c6b3a2779a99b2196184b702cfc4c24627f9228cb238f90fb40bf069a54a7e8c339fa94da436fca3f3c1beac1d48135f2ca15cfbfa080b","name":"Diversity _Monochromatic.png","type":"image/png","lastModified":1611862005013.862,"size":35369},{"id":"ca22f7b4b9ef2b5ce78b7c7bdbf0b12843c0490b58782051612fabc24f646ea21f5dcdc979d759afea263e03e9e03906ffcfa1639346ba4274a9032ddeeaa0b3","href":"https://static.observableusercontent.com/files/ca22f7b4b9ef2b5ce78b7c7bdbf0b12843c0490b58782051612fabc24f646ea21f5dcdc979d759afea263e03e9e03906ffcfa1639346ba4274a9032ddeeaa0b3","name":"Graduation_Isometric.png","type":"image/png","lastModified":1611862367136.412,"size":47748},{"id":"2650b4c633ef74f9672acf077938b6ee080253291ce158792bb59f7b77878524ab33e3e2e38377b4cd1f6eee97a3f5a4556def2fd4b813812faeabc2194cf8d3","href":"https://static.observableusercontent.com/files/2650b4c633ef74f9672acf077938b6ee080253291ce158792bb59f7b77878524ab33e3e2e38377b4cd1f6eee97a3f5a4556def2fd4b813812faeabc2194cf8d3","name":"Bank note_Monochromatic.png","type":"image/png","lastModified":1611862349124.431,"size":50470},{"id":"7f27e3ce3958e3d173e3c1c2ba3d220d8e997b89fccecf713c2ac422791e1c777fdf8fdf35e83873c41d26421351505d94bcd6580fa232068bd20c253755fad4","href":"https://static.observableusercontent.com/files/7f27e3ce3958e3d173e3c1c2ba3d220d8e997b89fccecf713c2ac422791e1c777fdf8fdf35e83873c41d26421351505d94bcd6580fa232068bd20c253755fad4","name":"Target_Monochromatic.png","type":"image/png","lastModified":1611862407370.85,"size":52560}] 30:{"id":"e24b421307632e7c","slug":"second-semester-assignment","title":"What is the best university to study art or design for you?","thumbnail":"0c7c1be0f56ad898c679d4aedaac6a503ebf47ddc147326cdaebee465ecbff30","access_level":"public","create_time":"$D2020-12-14T15:53:01.759Z","update_time":"$D2021-02-05T07:17:48.173Z","view_time":null,"first_public_time":"$D2020-12-25T10:39:32.190Z","has_unpublished_edits":null,"fork":false,"stars":1,"starred":false,"owner":{"type":"team","id":"d0b267260e312a72","login":"test-jun7a","name":"test-jun7a","avatar_url":"https://avatars-next.observableusercontent.com/9f1162dc23061e310d03f9f33e2e8046263990c3540b41a3c815da9cfa042416","tier":"starter_2024"},"version":3687,"publish_version":3687,"role":null,"authored":false,"authors":[{"type":"individual","id":"a0602b0b6835e9f4","login":"junna-oikawa","name":"","avatar_url":"https://avatars-next.observableusercontent.com/69ed736302eb9dbf5adaca594e1678591144a2d7157ec577e42e934c9dfc925d","tier":null}],"members":[{"type":"individual","id":"a0602b0b6835e9f4","login":"junna-oikawa","name":"","avatar_url":"https://avatars-next.observableusercontent.com/69ed736302eb9dbf5adaca594e1678591144a2d7157ec577e42e934c9dfc925d","tier":null,"role":"editor"},{"type":"team","id":"d0b267260e312a72","login":"test-jun7a","name":"test-jun7a","avatar_url":"https://avatars-next.observableusercontent.com/9f1162dc23061e310d03f9f33e2e8046263990c3540b41a3c815da9cfa042416","tier":"starter_2024","role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":7,"collection":null,"type":"notebook","body":{"titling":"auto","title":"What is the best university to study art or design for you?","cells":[{"id":0,"value":"md`# What is the best university to study art or design for you?\n### あなたにぴったりのアート・デザインを学べる大学は？\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1434,"value":"html`\n

デザイン・アートを学ぶ大学の選択肢は
国内だけでいいのか？

${Object.assign(\n await FileAttachment(\"Creative Process _Monochromatic.png\").image(),\n {\n style: 'width: 15vw;'\n }\n)}\n

\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1494,"value":"md`\nデザイン・アートを学びたい、そう考えたときにあなたの頭にはどこまでの選択肢が広がるだろうか。\n\nグローバル化が進む世界の中で、留学者数が年々減っているという日本では、海外の大学に進学するという選択肢が思いつかない\nという人も多いだろう。\n\nしかし、本当に選択肢は日本国内だけでいいのだろうか。\n\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2877,"value":"md``","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1498,"value":"html`\n

QS世界大学ランキングアート＆デザイン部門
日本の大学は？

${Object.assign(\n await FileAttachment(\"3D Model_Monochromatic.png\").image(),\n {\n alt: 'Girl reading',\n style: 'width: 15vw;'\n }\n)}\n

\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1523,"value":"md`\nクアクレラリ・シモンズは毎年QS世界大学部門別ランキングを上位200位まで発表している。\n\nアート＆デザイン部門(2020)上位25位は以下の通りである。\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":260,"value":"tab = table(rankingdata)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1534,"value":"md`\n日本の大学は上位100位に入っておらず、101-150位に九州大学、東北大学、筑波大学、早稲田大学、150-200位に武蔵野大学という結果である。\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1548,"value":"md`\n200位までの大学を国ごとに分けてみるとどのような分布になっているだろうか。\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":960,"value":"$32","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":3237,"value":"md`
地図にマッピングすると以下のようになる。`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":3226,"value":"legend({\n color: d3.scaleSequential([0], ['#BCE1DF', '#006660']),\n title: \"大学数（校）\"\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":763,"value":"map = html`

国にカーソルを合わせると大学数と上位25位に含まれている大学名が表示されます。

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1556,"value":"md`\nアメリカ・イギリスは全体を通して色が濃く、変化がほとんどない。また、北米・ヨーロッパの特定の地域と中国・オーストラリアに評判の高い大学が偏っていることが読み取れる。\n\nアート・デザインを学びたいときに、日本の中だけから大学を選ぶことは果たして良いことなのだろうか。\n\nしかし、海外の大学についてイメージがつきにくく、とっつきにくいと感じる人も多いだろう。\n\nここからは、海外の大学25校と日本の大学5校の計30校をいくつかの点から示していく。ぜひ自分の持っている大学のイメージと同じであるか、それとも異なっているかを見つけていただきたい。\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2880,"value":"md``","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1566,"value":"html`\n

海外の大学はどんなかんじ？
日本と何が違う？

${Object.assign(\n await FileAttachment(\"World wide web_Monochromatic.png\").image(),\n {\n style: 'width: 15vw;'\n }\n)}\n

\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1573,"value":"md`\n海外にある大学はどのような規模なのだろうか？留学生の割合は？授業料は？倍率は？\n\n海外の大学は日本の大学と大きく違うのであろうか。今回は、ランキング上位25位と200位までに含まれている日本の大学5校を比較していく。\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2883,"value":"md``","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1758,"value":"html`\n

大学の規模は？
学生数からみる大学の規模

${Object.assign(\n await FileAttachment(\"Team meeting_Monochromatic.png\").image(),\n {\n style: 'width: 15vw;'\n }\n)}\n

\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":816,"value":"viewof order = {\n const options = [\n { label: \"ランキング順\", value: (a, b) => b.rank - a.rank },\n { label: \"降順\", value: (a, b) => a.students - b.students },\n { label: \"昇順\", value: (a, b) => b.students - a.students }\n ];\n const form = html`

${options.map(\n o => html`