30:T5b3,emotionTimeline = emotionPerDate => { const div = DOM.element('div'); const emotionDicPerWeek = getEmotionDictionary(emotionPerDate); let dataT = [] allEmotions.map(emo => { const trace = { name:emo, mode:'line', line: { width: 2, shape: 'spline', // questo crea uno smooth delle linee color: colorEmotion(emo), opacity: 0.5,// qui potete passare una funzione per assegnare colori personalizzati }, y: emotionDicPerWeek[emo], x: Object.keys(emotionPerDate), stackgroup: 'one', groupnorm:'percent', fillcolor: colorEmotion(emo), fillopacity: 0.5, mode: 'none', text:emotionDicPerWeek[emo], hoverinfo:"text", } dataT.push(trace); }) const layout = { title: ``, showlegend: true, line: { width: 2, shape: 'spline' // questo crea uno smooth delle linee // color: 'red' // qui potete passare una funzione per assegnare colori personalizzati }, width: 1000, height: 500, margin: {pad:5,bottom:100}, legend:{ orientation:'v' }, paper_bgcolor:'rgba(0,0,0,0)', plot_bgcolor:'rgba(0,0,0,0)', // xaxis: { // rangeselector: { // buttons: [{ // step: 'all', // }]}, // rangeslider: {} // }, }; Plotly.newPlot(div, dataT, layout,{displayModeBar: false}); return div; }31:T5e7,radar_chart = (emotions, fields, fieldsToVisualize, backgorund) => { const data = fields.map(d => ({ type: 'scatterpolar', r: Object.values(emotions[d]).concat(Object.values(emotions[d])[0]), // .concat(...) serve per copiare il primo valore della serie in fondo all'array. Serve per chiudere la line theta: Object.keys(emotions[d]).concat(Object.keys(emotions[d])[0]), fill: 'toself', // crea il riempimento name: d, opacity: 0.5, line: { width: 2, shape: 'spline', // questo crea uno smooth delle linee color: radialColor(d) // qui potete passare una funzione per assegnare colori personalizzati }, marker: { size: 6 }, visible: fieldsToVisualize.indexOf(d) === -1 ? 'legendonly': true, // un template html per formattare il box visibile al passggio del mouse hovertemplate: '%{theta}' + '
%{r:.2f}
' + "" })); const layout = { width: 700, height: (width / 3) * 2, polar: { angularaxis: { linewidth: 1, color: 'gray', showline: false }, radialaxis: { gridcolor: 'white', gridwidth: 2, visible: true, range: [0.1, 0.2], // il range dell'asse [min,max] color: 'gray', showline: false }, bgcolor: backgorund // colore di sfondo }, plot_bgcolor:backgorund, paper_bgcolor:backgorund, }; const div = DOM.element('div'); Plotly.newPlot(div, data, layout); return div; }32:T446,sentimentTime = (sentimentDataObject, hashtag, background, stacked) => { const fields = [ { field: 'positive', name: 'Positivi' }, { field: 'neutral', name: 'Neutrali' }, { field: 'negative', name: 'Negativi' } ]; const data = fields.map(f => ({ x: Object.entries(sentimentDataObject[hashtag]).map(d => d[0]), y: extractSentimentSeries(Object.entries(sentimentDataObject[hashtag]), f.field), name: f.name, stackgroup: 'single', marker: { color: colorSentiment(f.field) }, line: { 'shape': 'spline' }, groupnorm: stacked == 'no'? 'none': 'percent' })); const cOptions = { margin: { l: 100, t: 30, r: 10, pad: 5 }, plot_bgcolor:background, paper_bgcolor:background, width: 600, height: 400, yaxis: { tickfont: { size: 10 } } }; const layout = { title: `${hashtag}`, ...cOptions }; const div = html`

`; Plotly.newPlot(div, data, layout); return div; }33:T8cb,topicChart = data => { const root = packTopic(data); let focus = root; let view; const svg = d3.create("svg") .attr("viewBox", `-${width / 2} -${height / 2} ${width} ${height}`) .style("display", "block") .style("margin", "0 -14px") .style("background", 'white') .style("cursor", "pointer") .on("click", () => zoom(root)); const node = svg.append("g") .selectAll("circle") .data(root.descendants().slice(0)) .join("circle") .attr("fill", d => colorTopic(d.depth + 2)) .attr("pointer-events", d => !d.children ? "none" : null) .on("mouseover", function() { d3.select(this).attr("stroke", "#000"); }) .on("mouseout", function() { d3.select(this).attr("stroke", null); }) .on("click", d => focus !== d && (zoom(d), d3.event.stopPropagation())); const label = svg.append("g") .style("font", "10px sans-serif") .attr("pointer-events", "none") .attr("text-anchor", "middle") .selectAll("text") .data(root.descendants()) .join("text") .style("fill-opacity", d => d.parent === root ? 1 : 0) .style("display", d => d.parent === root ? "inline" : "none") .text(d => d.data.name); zoomTo([root.x, root.y, root.r * 2]); function zoomTo(v) { const k = width / v[2]; view = v; label.attr("transform", d => `translate(${(d.x - v[0]) * k},${(d.y - v[1]) * k})`); node.attr("transform", d => `translate(${(d.x - v[0]) * k},${(d.y - v[1]) * k})`); node.attr("r", d => d.r * k); } function zoom(d) { const focus0 = focus; focus = d; const transition = svg.transition() .duration(d3.event.altKey ? 7500 : 750) .tween("zoom", d => { const i = d3.interpolateZoom(view, [focus.x, focus.y, focus.r * 2]); return t => zoomTo(i(t)); }); label .filter(function(d) { return d.parent === focus || this.style.display === "inline"; }) .transition(transition) .style("fill-opacity", d => d.parent === focus ? 1 : 0) .on("start", function(d) { if (d.parent === focus) this.style.display = "inline"; }) .on("end", function(d) { if (d.parent !== focus) this.style.display = "none"; }); } return svg.node(); }34:Te8b,radialTree = (dataTree, topicName) => { const svg = d3.select(DOM.svg(width, width)) .style("width", "100%") .style("height", "auto") .style("padding", "10px") .style("box-sizing", "border-box") .style("font", "18px sans-serif"); const g = svg.append("g"); const linkgroup = g.append("g") .attr("fill", "none") .attr("stroke", "#555") .attr("stroke-opacity", 0.4) .attr("stroke-width", 1.5); const nodegroup = g.append("g") .attr("stroke-linejoin", "round") .attr("stroke-width", 3); function newdata (animate = true) { let root = tree(dataTree); let links_data = root.links(); let links = linkgroup .selectAll("path") .data(links_data, d => d.source.data.name+"_"+d.target.data.name); links.exit().remove(); let newlinks = links .enter() .append("path") .attr("d", d3.linkRadial() .angle(d => d.x) .radius(0.1)); let t = d3.transition() .duration(animate ? 400 : 0) .ease(d3.easeLinear) .on("end", function() { const box = g.node().getBBox(); svg.transition().duration(1000).attr("viewBox", `${box.x} ${box.y} ${box.width} ${box.height}`); }); let alllinks = linkgroup.selectAll("path") alllinks .transition(t) .attr("stroke", d => d.target.data.children? radialColor(d.target.data.name) : radialColor(d.source.data.name)) .attr("d", d3.linkRadial() .angle(d => d.x) .radius(d => d.y)); let nodes_data = root.descendants().reverse(); let nodes = nodegroup .selectAll("g") .data(nodes_data, function (d) { if (d.parent) { return d.parent.data.name+d.data.name; } return d.data.name}); nodes.exit().remove(); let newnodes = nodes .enter().append("g"); let allnodes = animate ? nodegroup.selectAll("g").transition(t) : nodegroup.selectAll("g"); allnodes .attr("transform", d => ` rotate(${d.x * 180 / Math.PI - 90}) translate(${d.y},0) `); newnodes.append("circle") .attr("r", d => d.data.children ? scaleCircle(topicName, d.data.children.reduce((accumulator, current) => accumulator + parseFloat(current.value),0)) : scaleCircle(topicName,d.data.value)) .on ("click", function (d) { let altChildren = d.data.altChildren || []; let children = d.data.children; d.data.children = altChildren; d.data.altChildren = children; newdata (); }); nodegroup.selectAll("g circle").attr("fill", d => d.data.children ? radialColor(d.data.name) : radialColor(d.parent.data.name)) .attr("fill-opacity",0.9) .attr("stroke",d => d.data.children ? radialColor(d.data.name) : radialColor(d.parent.data.name)) .attr("stroke-width",0.5) newnodes.append("text") .attr("dy", "0.31em") .text(d => d.data.name) .clone(true).lower() .attr("stroke", "white"); nodegroup.selectAll("g text") .attr("x", d => d.x < Math.PI === !d.children ? scaleCircle(topicName, d.data.value)+3: -scaleCircle(topicName,d.data.value)-3) .attr("text-anchor", d => d.x < Math.PI === !d.children ? "start" : "end") .attr("transform", d => d.x >= Math.PI ? "rotate(180)" : null); } newdata (false); document.body.appendChild(svg.node()); const box = g.node().getBBox(); //box.width = box.height = Math.max(box.width, box.height)*1.2; svg.remove() .attr("width", box.width) .attr("height", box.height) .attr("viewBox", `${box.x} ${box.y} ${box.width} ${box.height}`); return svg.node(); }35:Tc83,wordCloud = (data, word, frequency, maxSize, type, topics) => { if (type===undefined) { data.map(d => d.type = 0) } //const root = partition(data_wc); const heightf = 500; const widthf = 1275; const height = 450; const width = 1350; const margin = { t: 0, l: 120, r: 120, b: 0, } const padding = 2; // create the SVG container let ext = d3.extent(data, d => d[type]) //console.log(ext) let xScale = d3.scaleLinear() .domain(ext) .range([margin.l, widthf - margin.l - margin.r]); let svg = d3.select(html``) .attr('width', widthf) .attr('height', heightf); const colors = d3.schemeSet1 .slice(0, new Set(data.map(d=> d[type])).size) // color text black or white according to the luminance value of the node const luminance = 30; const textColor = d3.scaleQuantile().range(["#fff", "#000"]).domain([0, luminance, 100]); // define scale for radius const r = d3.scaleSqrt() .domain([0, d3.max(data, d => d[frequency])]) .range([0, maxSize]); // define the simualtion engine var simulation = d3.forceSimulation(data) .force("x", d3.forceX(widthf/2).strength(0.008)) .force("y", d3.forceY(heightf/2).strength(0.08)) .force("collide", d3.forceCollide().radius(d=> r(d[frequency]) + padding).iterations(5)) .force('center', d3.forceCenter(widthf/2, 1.0*heightf/2)) .alpha(0.7); let x = d3 .scalePoint() .domain(topics) .range([margin.l, widthf - margin.l - margin.r]); /////////////////// function split() { simulation .force("x", d3.forceX(d=> xScale(d[type])).strength(0.8)) .force("y", d3.forceY(heightf/2).strength(0.5)) .force("collide", d3.forceCollide().radius(d=> r(d[frequency]) + padding).iterations(5)) .alpha(0.5) .restart(); } ///////////// // create a layer or group let gBubble = svg .selectAll('gBubble') .data(data); gBubble.exit().remove(); let bubble = gBubble.enter() .append('g') .classed('gBubble', true) .attr('id',d => d[word]); bubble .append('circle') .attr('r', d => r(d[frequency])) .attr('fill',d => radialColor(d[type])) .attr('fill-opacity', 0.4) .attr('stroke', d => radialColor[+d[type]]) .attr('stroke-width', 1) .style("cursor", "pointer"); let text= bubble .append('text'); const textLabels = text .text( d => (d[word])) .style('text-anchor','middle') .attr("dominant-baseline", "central") .attr('font-family', 'sans-serif') .attr('font-size', '10px' ) // .attr('font-size', d => r(d[frequency])/2.5+'px' ) .attr('font-weight','normal') .attr('fill', d => textColor(d3.hcl(colors[+d[type]]).l)) .style("cursor", "pointer"); const xaxis = svg .append("g") .attr("transform", `translate(0,${height - 50})`) .call(d3.axisBottom(x)); gBubble = gBubble .merge(bubble); gBubble.call(drag(simulation)); simulation.nodes(data) .on('tick', () => { gBubble .attr('transform', d => 'translate('+ (d.x) +','+ (d.y)+')'); }) return Object.assign(svg.node(), { split }); }36:[{"id":"3bc816d37e326ca99519dc7c36119f1909f6f84403b34a153bcd25e39872c37e01eb35970697001c7d55492cb4ae01b0ad5b03d45ca87aa1f90274e370a89b0a","href":"https://static.observableusercontent.com/files/3bc816d37e326ca99519dc7c36119f1909f6f84403b34a153bcd25e39872c37e01eb35970697001c7d55492cb4ae01b0ad5b03d45ca87aa1f90274e370a89b0a","name":"emotionPerTopicLavoro@2.json","type":"application/json","lastModified":1593792089246.001,"size":3508},{"id":"e9e7b8119392003f9f896f01ea57a1635bee873ea29e2fa3ac6cd78912849db12345ab5b060e007b2998b01cc8b705c9fb9946b0d41ca75c48c962de32200e24","href":"https://static.observableusercontent.com/files/e9e7b8119392003f9f896f01ea57a1635bee873ea29e2fa3ac6cd78912849db12345ab5b060e007b2998b01cc8b705c9fb9946b0d41ca75c48c962de32200e24","name":"lavoro_wb.json","type":"application/json","lastModified":1593951856259.146,"size":2685},{"id":"a44f6819dec7e116a2676b96d66f303a880b02bc3d74ccd1494814ede11bae907fd14a7f985e942cd418207481f94703c8509c5b58c569c562d7aa829fde276a","href":"https://static.observableusercontent.com/files/a44f6819dec7e116a2676b96d66f303a880b02bc3d74ccd1494814ede11bae907fd14a7f985e942cd418207481f94703c8509c5b58c569c562d7aa829fde276a","name":"topic_lavoro.json","type":"application/json","lastModified":1593785421559.51,"size":3603},{"id":"b48639e941e8507c093f0186ce671ea13e8cd265b68d313f1840a794bffe1b4071dcc845eaefb2291b65c578e8aca4203d4868839dc1550d4e9c5e0af41552a5","href":"https://static.observableusercontent.com/files/b48639e941e8507c093f0186ce671ea13e8cd265b68d313f1840a794bffe1b4071dcc845eaefb2291b65c578e8aca4203d4868839dc1550d4e9c5e0af41552a5","name":"topic_scuola.json","type":"application/json","lastModified":1593785900623.479,"size":5118},{"id":"1e5ea50c33a30d2030bc075855205f3e05183d042218e388d7ff0d9da3246fab904024f08ea5d540b3c4bb32c0f1282b32bdd1f355d7d6f3bdd6a26cb1a82bbd","href":"https://static.observableusercontent.com/files/1e5ea50c33a30d2030bc075855205f3e05183d042218e388d7ff0d9da3246fab904024f08ea5d540b3c4bb32c0f1282b32bdd1f355d7d6f3bdd6a26cb1a82bbd","name":"sentiment_hashtag.json","type":"application/json","lastModified":1593786613167.731,"size":80419},{"id":"d3b0cde2fc2c17b7900f93473ac9d73c5e5c06b19dae8baf1d154283e13e7c7b306c191f963eeb775d4ed0780cd929d767ec18268dbc124fa5d90986cf041156","href":"https://static.observableusercontent.com/files/d3b0cde2fc2c17b7900f93473ac9d73c5e5c06b19dae8baf1d154283e13e7c7b306c191f963eeb775d4ed0780cd929d767ec18268dbc124fa5d90986cf041156","name":"emotionsPerTopicScuola.json","type":"application/json","lastModified":1593792323536.913,"size":1719},{"id":"4f94a54d256e6e047b704e0b0bacadb15853fcadedf64c17e852d07f595a7df60dfa003023490c9d76d112111e3a28d5d5295195d5deb280315f65636b5daa58","href":"https://static.observableusercontent.com/files/4f94a54d256e6e047b704e0b0bacadb15853fcadedf64c17e852d07f595a7df60dfa003023490c9d76d112111e3a28d5d5295195d5deb280315f65636b5daa58","name":"emotionsPerWeekSmart.json","type":"application/json","lastModified":1593855381852.198,"size":1107},{"id":"23718c45cc4f022ff2cef85a2d313641c254b7d2d826321c4c05c9b092630f832df2b3a960a9d9a86e3fc575b196d522165a323bfce017e7b086591c659116ee","href":"https://static.observableusercontent.com/files/23718c45cc4f022ff2cef85a2d313641c254b7d2d826321c4c05c9b092630f832df2b3a960a9d9a86e3fc575b196d522165a323bfce017e7b086591c659116ee","name":"emotionsPerWeekUni.json","type":"application/json","lastModified":1593855479276.147,"size":1077},{"id":"1f8430fc4292c8c596d10309014fdaf22ca63a7bd81fce4bf517fba42e8685b29c90d3bd78dc4a0fbdb5774067e9764938ac23e8ab63b811d8669b362f62d4a5","href":"https://static.observableusercontent.com/files/1f8430fc4292c8c596d10309014fdaf22ca63a7bd81fce4bf517fba42e8685b29c90d3bd78dc4a0fbdb5774067e9764938ac23e8ab63b811d8669b362f62d4a5","name":"emotionsPerDaySmart.json","type":"application/json","lastModified":1594042138161.782,"size":7066},{"id":"0090432793cb012b65d9d84bffc526e7c047476802cb0c12f4440092460b1703adf7b7f9b52f08759f97f291313e892ace8b30a6d343a4df77ca22c00b529f7e","href":"https://static.observableusercontent.com/files/0090432793cb012b65d9d84bffc526e7c047476802cb0c12f4440092460b1703adf7b7f9b52f08759f97f291313e892ace8b30a6d343a4df77ca22c00b529f7e","name":"emotionsPerDayScuola.json","type":"application/json","lastModified":1594042924400.931,"size":7157},{"id":"c08f1347c7bedfbac059f75393090cad1a7994fb1ab138c4768e3ca7556168a5986075466355365b00f7463b62f3288c00be8ded64ebdaca336cfcdd3b79b821","href":"https://static.observableusercontent.com/files/c08f1347c7bedfbac059f75393090cad1a7994fb1ab138c4768e3ca7556168a5986075466355365b00f7463b62f3288c00be8ded64ebdaca336cfcdd3b79b821","name":"scuola_wb.json","type":"application/json","lastModified":1594127855559.283,"size":2849}] 2e:{"title":"Final Version","cells":[{"id":0,"value":"md`# Final Version`","pinned":true,"hidden":false,"mode":"ojs"},{"id":4,"value":"md`## Topic Modeling`","pinned":true,"hidden":false,"mode":"ojs"},{"id":6,"value":"topicLavoro = FileAttachment(\"topic_lavoro.json\").json()","pinned":true,"hidden":false,"mode":"ojs"},{"id":37,"value":"topicLavoroGraph = radialTree(topicLavoro, \"lavoro\")","pinned":true,"hidden":false,"mode":"ojs"},{"id":40,"value":"topicScuola = FileAttachment(\"topic_scuola.json\").json()","pinned":true,"hidden":false,"mode":"ojs"},{"id":42,"value":"topicScuolaGraph = radialTree(topicScuola, \"scuola\")","pinned":true,"hidden":false,"mode":"ojs"},{"id":62,"value":"sentimentDataMap = FileAttachment(\"sentiment_hashtag.json\").json()","pinned":true,"hidden":false,"mode":"ojs"},{"id":95,"value":"myHashtags = [\"#maturità2020\",\"#Azzolina\", \"#università\"]","pinned":true,"hidden":false,"mode":"ojs"},{"id":126,"value":"hashtagSentimentChart = create_small_multiples(sentimentDataMap, myHashtags, \"#fff5ee\", stacked1)","pinned":true,"hidden":false,"mode":"ojs"},{"id":424,"value":"smartworkingSentiment = sentimentTime(sentimentDataMap, \"#smartworking\", \"#f9fcf5\", stacked)","pinned":true,"hidden":false,"mode":"ojs"},{"id":761,"value":"viewof hashtagSelected = {\n const selected = select({options: ['#webinar','#elearning']})\n return selected;\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":432,"value":"webinarElearningSentimentChart = sentimentTime(sentimentDataMap, hashtagSelected, \"#f9fcf5\", stacked)","pinned":true,"hidden":false,"mode":"ojs"},{"id":165,"value":"lavoroEmotionPerTopic = FileAttachment(\"emotionPerTopicLavoro@2.json\").json()","pinned":true,"hidden":false,"mode":"ojs"},{"id":168,"value":"scuolaEmotionPerTopic = FileAttachment(\"emotionsPerTopicScuola.json\").json()","pinned":true,"hidden":false,"mode":"ojs"},{"id":175,"value":"radarChartLavoro = radar_chart(lavoroEmotionPerTopic, [\"benefici\", \"flessibilità\", \"diritti e tutele\", \"privacy\", \"opportunità\", \"conversione digitale\", \"disuguaglianze di genere\", \"colleghi\",\"videoconferenze\", \"riunioni\"], [\"diritti e tutele\", \"opportunità\"], \"#f9fcf5\")","pinned":true,"hidden":false,"mode":"ojs"},{"id":187,"value":"radarChartScuola = radar_chart(scuolaEmotionPerTopic, [\"divario tecnologico\", \"diritto allo studio\", \"maturità\", \"difficoltà tecniche\", \"riapertura scuole\", \"organizzazione familiare\", \"strumenti digitali\", \"organizzazione didattica\"],[\"divario tecnologico\", \"strumenti digitali\"], \"#fff5ee\")","pinned":true,"hidden":false,"mode":"ojs"},{"id":279,"value":"viewof stacked = select({options: ['no', 'si'], title: \"Normalizzazione\"})","pinned":true,"hidden":false,"mode":"ojs"},{"id":782,"value":"viewof stacked1 = select({options: ['no', 'si'], title: \"Normalizzazione\"})","pinned":true,"hidden":false,"mode":"ojs"},{"id":285,"value":"emotionPerWeekSmartWorking = FileAttachment(\"emotionsPerWeekSmart.json\").json()","pinned":true,"hidden":false,"mode":"ojs"},{"id":293,"value":"emotionPerWeekUniversità = FileAttachment(\"emotionsPerWeekUni.json\").json()","pinned":true,"hidden":false,"mode":"ojs"},{"id":693,"value":"emotionPerDaySmart = FileAttachment(\"emotionsPerDaySmart.json\").json()","pinned":true,"hidden":false,"mode":"ojs"},{"id":828,"value":"viewof emotionData = select({options: ['smartworking', 'didattica']})","pinned":true,"hidden":false,"mode":"ojs"},{"id":695,"value":"emotionPerDayChart = emotionTimeline(emotionData == 'smartworking'? emotionPerDaySmart: emotionPerDayScuola)","pinned":true,"hidden":false,"mode":"ojs"},{"id":698,"value":"emotionPerDayScuola = FileAttachment(\"emotionsPerDayScuola.json\").json()","pinned":true,"hidden":false,"mode":"ojs"},{"id":700,"value":"emotionPerDayScuolaChart = emotionTimeline(emotionPerDayScuola)","pinned":true,"hidden":false,"mode":"ojs"},{"id":270,"value":"allEmotions = [\"tristezza\", \"sorpresa\", \"gioia\", \"paura\", \"rabbia\", \"disgusto\"]","pinned":true,"hidden":false,"mode":"ojs"},{"id":274,"value":"getTimeLine = emotionMapPerDay => {\n const listDate = Object.keys(emotionMapPerDay);\n return [...new Set(listDate.flat())].sort(); //flat della lista precedente, set per prendere i valori unici quindi trasformo di nuovo in un array e ordino\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":267,"value":"getEmotionDictionary = emotionMapPerDay => {\n let emotionDicPerWeek ={}\n const timeLine = getTimeLine(emotionMapPerDay);\n allEmotions.map(e => {\n let emoList = [];\n timeLine.map(t => {\n emoList.push(emotionMapPerDay[t][e])\n })\n emotionDicPerWeek[e] = emoList;\n })\n return emotionDicPerWeek\n} ","pinned":true,"hidden":false,"mode":"ojs"},{"id":264,"value":"$30","pinned":true,"hidden":false,"mode":"ojs"},{"id":163,"value":"$31","pinned":true,"hidden":false,"mode":"ojs"},{"id":134,"value":"create_small_multiples = (data, fields, background, stacked) => {\n const wrapper = html`

`;\n\n fields.forEach(f => {\n const div = sentimentTime(data, f, background, stacked);\n\n wrapper.append(div);\n });\n\n return wrapper;\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":46,"value":"$32","pinned":true,"hidden":false,"mode":"ojs"},{"id":10,"value":"$33","pinned":true,"hidden":false,"mode":"ojs"},{"id":494,"value":"topicLavoro.name","pinned":true,"hidden":false,"mode":"ojs"},{"id":480,"value":"topicLavoro.children.map(d=> d.children.reduce((a,b)=>a+parseFloat(b.value),0))","pinned":true,"hidden":false,"mode":"ojs"},{"id":442,"value":"$34","pinned":true,"hidden":false,"mode":"ojs"},{"id":847,"value":"lavoroWord2Vec = FileAttachment(\"lavoro_wb.json\").json()","pinned":true,"hidden":false,"mode":"ojs"},{"id":849,"value":"wordcloudresult = wordCloud(getWordCloudData(lavoroWord2Vec), 'label', 'value', 35, 'group', Object.keys(lavoroWord2Vec))","pinned":true,"hidden":false,"mode":"ojs"},{"id":943,"value":"scuolaWord2Vec = FileAttachment(\"scuola_wb.json\").json()","pinned":true,"hidden":false,"mode":"ojs"},{"id":945,"value":"wordCloudscuole = wordCloud(getWordCloudData(scuolaWord2Vec), 'label', 'value', 30, 'group', Object.keys(scuolaWord2Vec))","pinned":true,"hidden":false,"mode":"ojs"},{"id":948,"value":"wordCloudscuole.split()","pinned":true,"hidden":false,"mode":"ojs"},{"id":861,"value":"wordcloudresult.split()","pinned":true,"hidden":false,"mode":"ojs"},{"id":845,"value":"getWordCloudData = word2VecMap => {\n let arrayNodes = []\n Object.entries(word2VecMap).map((d,i) => {\n Object.entries(d[1]).map(t => {\n let mynode = {}\n mynode[\"group\"] = i\n mynode[\"label\"] = t[0]\n mynode[\"value\"] = t[1]*t[1]\n arrayNodes.push(mynode)\n });\n })\n return arrayNodes\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":841,"value":"$35","pinned":true,"hidden":false,"mode":"ojs"},{"id":843,"value":"drag = simulation => {\n \n function dragstarted(d) {\n if (!d3.event.active) simulation.alphaTarget(0.3).restart();\n d.fx = d.x;\n d.fy = d.y;\n }\n \n function dragged(d) {\n d.fx = d3.event.x;\n d.fy = d3.event.y;\n }\n \n function dragended(d) {\n if (!d3.event.active) simulation.alphaTarget(0);\n d.fx = null;\n d.fy = null;\n }\n \n return d3.drag()\n .on(\"start\", dragstarted)\n .on(\"drag\", dragged)\n .on(\"end\", dragended);\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":450,"value":"radius = 517.7777777777777","pinned":true,"hidden":false,"mode":"ojs"},{"id":551,"value":"d3.scaleSequential().domain([1,10])(2)","pinned":true,"hidden":false,"mode":"ojs"},{"id":590,"value":"radialColor(\"prova\")","pinned":true,"hidden":false,"mode":"ojs"},{"id":685,"value":"d3.schemeCategory10","pinned":true,"hidden":false,"mode":"ojs"},{"id":575,"value":"radialColor = d3.scaleOrdinal([\"#ffd65a\",\"#CF8140\",\"#9e2b25\",\"#4f1631\",\"#00364B\",\"#6EB3B7\",\"#7a918d\",\"#dfe2e1\",\"#4a9554\"]);","pinned":true,"hidden":false,"mode":"ojs"},{"id":448,"value":"tree = data => d3.tree()\n .size([2 * Math.PI, radius])\n .separation((a, b) => (a.parent == b.parent ? 1 : 3) / a.depth)\n (d3.hierarchy(data))","pinned":true,"hidden":false,"mode":"ojs"},{"id":444,"value":"scaleCircle = (name, value) => {\n return d3.scaleSqrt().domain([0,maxValue(name)]).range([0,30])(value); // min max dei valori che puà assumere il cerchio.\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":666,"value":"scaleCircle(\"lavoro\", 30)","pinned":true,"hidden":false,"mode":"ojs"},{"id":644,"value":"maxValue(\"lavoro\")","pinned":true,"hidden":false,"mode":"ojs"},{"id":446,"value":"maxValue= name => {\n const topics = name === 'scuola'? topicScuola : topicLavoro;\n return d3.max(d3.values(topics)[1].map(d=> d.children.map(e=>+e.value)).flat())\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":58,"value":"extractSentimentSeries = (mydata, field) =>\n mydata.map((d, i) => d[1][field])","pinned":true,"hidden":false,"mode":"ojs"},{"id":31,"value":"width = 932","pinned":true,"hidden":false,"mode":"ojs"},{"id":33,"value":"height = width","pinned":true,"hidden":false,"mode":"ojs"},{"id":26,"value":"packTopic = data => d3.pack()\n .size([width, height])\n .padding(3)\n (d3.hierarchy(data)\n .sum(d => d.value)\n .sort((a, b) => b.value - a.value))","pinned":true,"hidden":false,"mode":"ojs"},{"id":364,"value":"colorWord = {\n const scale = d3.scaleOrdinal(d3.schemeCategory10);\n return d => scale(d.group);\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":13,"value":"colorTopic = d3.scaleSequential().domain([1,10])\n .interpolator(d3.interpolatePuRd);","pinned":true,"hidden":false,"mode":"ojs"},{"id":573,"value":"colorSentiment(\"rabbia\")","pinned":true,"hidden":false,"mode":"ojs"},{"id":50,"value":"colorSentiment = d3\n .scaleOrdinal()\n .domain(d3.keys(attrColors))\n .range(d3.values(attrColors)) ","pinned":true,"hidden":false,"mode":"ojs"},{"id":54,"value":"attrColors = ({\n positive: '#4a9554',\n negative: '#9e2b25',\n neutral: '#ffd65a',\n })","pinned":true,"hidden":false,"mode":"ojs"},{"id":282,"value":"colorEmotion = d3.scaleOrdinal()\n.domain(d3.keys(attrEmoColors))\n.range(d3.values(attrEmoColors));","pinned":true,"hidden":false,"mode":"ojs"},{"id":804,"value":"\nattrEmoColors = ({\n gioia: '#4a9554',\n rabbia: '#9e2b25',\n sorpresa: '#ffd65a',\n tristezza: '#7A918D',\n disgusto: '#6EB3B7',\n paura: '#00364b'\n })","pinned":true,"hidden":false,"mode":"ojs"},{"id":154,"value":"html``","pinned":true,"hidden":false,"mode":"ojs"},{"id":16,"value":"md`## APPENDIX`","pinned":true,"hidden":false,"mode":"ojs"},{"id":18,"value":"d3 = require(\"d3@5\")","pinned":true,"hidden":false,"mode":"ojs"},{"id":20,"value":"Plotly = require(\"https://cdn.plot.ly/plotly-latest.min.js\")","pinned":true,"hidden":false,"mode":"ojs"},{"id":22,"value":"import { select, slider } from \"@jashkenas/inputs\"","pinned":true,"hidden":false,"mode":"ojs"},{"id":24,"value":"import {swatches} from \"@d3/color-legend\"","pinned":true,"hidden":false,"mode":"ojs"}],"files":"$W36","stdlib":"1","titling":"auto"}