25:["$","title",null,{"children":"Telegram Chat Visualizer | lucadra | Observable"}] 49:Td5d,function LineChart( data, { x = ([x]) => x, // given d in data, returns the (temporal) x-value y = ([, y]) => y, // given d in data, returns the (quantitative) y-value defined, // for gaps in data curve = d3.curveBasis, // method of interpolation between points marginTop = 20, // top margin, in pixels marginRight = 30, // right margin, in pixels marginBottom = 30, // bottom margin, in pixels marginLeft = 40, // left margin, in pixels width = 640, // outer width, in pixels height = 400, // outer height, in pixels xType = d3.scaleUtc, // the x-scale type xDomain, // [xmin, xmax] xRange = [marginLeft, width - marginRight], // [left, right] yType = d3.scaleLinear, // the y-scale type yDomain, // [ymin, ymax] yRange = [height - marginBottom, marginTop], // [bottom, top] yFormat, // a format specifier string for the y-axis yLabel, // a label for the y-axis color = "currentColor", // stroke color of line strokeLinecap = "round", // stroke line cap of the line strokeLinejoin = "round", // stroke line join of the line strokeWidth = 1.5, // stroke width of line, in pixels strokeOpacity = 1 // stroke opacity of line } = {} ) { // Compute values. const X = d3.map(data, x); const Y = d3.map(data, y); const I = d3.range(X.length); if (defined === undefined) defined = (d, i) => !isNaN(X[i]) && !isNaN(Y[i]); const D = d3.map(data, defined); // Compute default domains. if (xDomain === undefined) xDomain = d3.extent(X); if (yDomain === undefined) yDomain = [0, d3.max(Y)]; // Construct scales and axes. const xScale = xType(xDomain, xRange); const yScale = yType(yDomain, yRange); const xAxis = d3 .axisBottom(xScale) .ticks(width / 80) .tickSizeOuter(0); const yAxis = d3.axisLeft(yScale).ticks(height / 40, yFormat); // Construct a line generator. const line = d3 .line() .defined((i) => D[i]) .curve(curve) .x((i) => xScale(X[i])) .y((i) => yScale(Y[i])); const area = d3 .area() .defined((i) => D[i]) .curve(curve) .x((i) => xScale(X[i])) .y0(yScale(0)) .y1((i) => yScale(Y[i])); const svg = d3 .create("svg") .attr("width", width) .attr("height", height) .attr("viewBox", [0, 0, width, height]) .attr("style", "max-width: 100%; height: auto; height: intrinsic;"); svg .append("g") .attr("transform", `translate(0,${height - marginBottom})`) .call(xAxis); svg .append("g") .attr("transform", `translate(${marginLeft},0)`) .call(yAxis) .call((g) => g.select(".domain").remove()) .call((g) => g .selectAll(".tick line") .clone() .attr("x2", width - marginLeft - marginRight) .attr("stroke-opacity", 0.1) ) .call((g) => g .append("text") .attr("x", -marginLeft) .attr("y", 10) .attr("fill", "currentColor") .attr("text-anchor", "start") .text(yLabel) ); svg .append("path") .attr("fill", "none") .attr("stroke", color) .attr("stroke-width", strokeWidth) .attr("stroke-linecap", strokeLinecap) .attr("stroke-linejoin", strokeLinejoin) .attr("stroke-opacity", strokeOpacity) .attr("d", line(I)); svg .append("path") .attr("fill", color) .attr("opacity", 0.25) .attr("d", area(I)); return svg.node(); } 4a:Tf35,function StackedAreaChart(data, { x = ([x]) => x, // given d in data, returns the (ordinal) x-value y = ([, y]) => y, // given d in data, returns the (quantitative) y-value z = () => 1, // given d in data, returns the (categorical) z-value marginTop = 20, // top margin, in pixels marginRight = 30, // right margin, in pixels marginBottom = 30, // bottom margin, in pixels marginLeft = 40, // left margin, in pixels width = 640, // outer width, in pixels height = 400, // outer height, in pixels xType = d3.scaleUtc, // type of x-scale xDomain, // [xmin, xmax] xRange = [marginLeft, width - marginRight], // [left, right] yType = d3.scaleLinear, // type of y-scale yDomain, // [ymin, ymax] yRange = [height - marginBottom, marginTop], // [bottom, top] zDomain, // array of z-values offset = d3.stackOffsetExpand, // stack offset method order = d3.stackOrderNone, // stack order method yLabel, // a label for the y-axis xFormat, // a format specifier string for the x-axis yFormat = "%", // a format specifier string for the y-axis colors = d3.schemeTableau10, // an array of colors for the (z) categories } = {}) { // Compute values. const X = d3.map(data, x); const Y = d3.map(data, y); const Z = d3.map(data, z); // Compute default x- and z-domains, and unique the z-domain. if (xDomain === undefined) xDomain = d3.extent(X); if (zDomain === undefined) zDomain = Z; zDomain = new d3.InternSet(zDomain); // Omit any data not present in the z-domain. const I = d3.range(X.length).filter(i => zDomain.has(Z[i])); // Compute a nested array of series where each series is [[y1, y2], [y1, y2], // [y1, y2], …] representing the y-extent of each stacked rect. In addition, // each tuple has an i (index) property so that we can refer back to the // original data point (data[i]). This code assumes that there is only one // data point for a given unique x- and z-value. const series = d3.stack() .keys(zDomain) .value(([x, I], z) => Y[I.get(z)]) .order(order) .offset(offset) (d3.rollup(I, ([i]) => i, i => X[i], i => Z[i])) .map(s => s.map(d => Object.assign(d, {i: d.data[1].get(s.key)}))); // Compute the default y-domain. Note: diverging stacks can be negative. if (yDomain === undefined) yDomain = d3.extent(series.flat(2)); // Construct scales and axes. const xScale = xType(xDomain, xRange); const yScale = yType(yDomain, yRange); const color = d3.scaleOrdinal(zDomain, colors); const xAxis = d3.axisBottom(xScale).ticks(width / 80, xFormat).tickSizeOuter(0); const yAxis = d3.axisLeft(yScale).ticks(height / 50, yFormat); const area = d3.area() .x(({i}) => xScale(X[i])) .y0(([y1]) => yScale(y1)) .y1(([, y2]) => yScale(y2)); const svg = d3.create("svg") .attr("width", width) .attr("height", height) .attr("viewBox", [0, 0, width, height]) .attr("style", "max-width: 100%; height: auto; height: intrinsic;"); svg.append("g") .selectAll("path") .data(series) .join("path") .attr("fill", ([{i}]) => color(Z[i])) .attr("d", area) .append("title") .text(([{i}]) => Z[i]); svg.append("g") .attr("transform", `translate(0,${height - marginBottom})`) .call(xAxis) .call(g => g.select(".domain").remove()); svg.append("g") .attr("transform", `translate(${marginLeft},0)`) .call(yAxis) .call(g => g.select(".domain").remove()) .call(g => g.selectAll(".tick line") .filter(d => d === 0 || d === 1) .clone() .attr("x2", width - marginLeft - marginRight)) .call(g => g.append("text") .attr("x", -marginLeft) .attr("y", 10) .attr("fill", "currentColor") .attr("text-anchor", "start") .text(yLabel)); return Object.assign(svg.node(), {scales: {color}}); }4b:T466,xAxis = g => g .attr("font-family", "sans-serif") .attr("font-size", 10) .call(g => g.selectAll("g") .data(x.ticks(24)) .join("g") .each((d, i) => d.id = DOM.uid("Hour")) // idk what this does .call(g => g.append("path") .attr("stroke", "#000") .attr("stroke-opacity", 0.2) .attr("d", d => ` M${d3.pointRadial(x(d), innerRadius)} L${d3.pointRadial(x(d), outerRadius)} `)) .call(g => g.append("path") .attr("id", d => d.id.id) // idk what this does .datum(d => [d, d3.utcHour.offset(d, 1)]) // idk what this does .attr("fill", "none") .attr("d", ([a, b]) => ` M${d3.pointRadial(x(a), outerRadius)} A${outerRadius},${outerRadius} 0,0,1 ${d3.pointRadial(x(b), outerRadius)} `)) .call(g => g.append("text") .append("textPath") .attr("startOffset", 0) .attr("xlink:href", d => d.id.href) .text(d3.utcFormat("%H")))) // idk where this gets data from 4c:T150f,stopwords = ["a","abbastanza","abbia","abbiamo","abbiano","abbiate","accidenti","ad","adesso","affinché","agl","agli","ahime","ahimè","ai","al","alcuna","alcuni","alcuno","all","alla","alle","allo","allora","altre","altri","altrimenti","altro","altrove","altrui","anche","ancora","anni","anno","ansa","anticipo","assai","attesa","attraverso","avanti","avemmo","avendo","avente","aver","avere","averlo","avesse","avessero","avessi","avessimo","aveste","avesti","avete","aveva","avevamo","avevano","avevate","avevi","avevo","avrai","avranno","avrebbe","avrebbero","avrei","avremmo","avremo","avreste","avresti","avrete","avrà","avrò","avuta","avute","avuti","avuto","basta","ben","bene","benissimo","brava","bravo","buono","c","caso","cento","certa","certe","certi","certo","che","chi","chicchessia","chiunque","ci","ciascuna","ciascuno","cima","cinque","cio","cioe","cioè","circa","citta","città","ciò","co","codesta","codesti","codesto","cogli","coi","col","colei","coll","coloro","colui","come","cominci","comprare","comunque","con","concernente","conclusione","consecutivi","consecutivo","consiglio","contro","cortesia","cos","cosa","cosi","così","cui","d","da","dagl","dagli","dai","dal","dall","dalla","dalle","dallo","dappertutto","davanti","degl","degli","dei","del","dell","della","delle","dello","dentro","detto","deve","devo","di","dice","dietro","dire","dirimpetto","diventa","diventare","diventato","dopo","doppio","dov","dove","dovra","dovrà","dovunque","due","dunque","durante","e","ebbe","ebbero","ebbi","ecc","ecco","ed","effettivamente","egli","ella","entrambi","eppure","era","erano","eravamo","eravate","eri","ero","esempio","esse","essendo","esser","essere","essi","ex","fa","faccia","facciamo","facciano","facciate","faccio","facemmo","facendo","facesse","facessero","facessi","facessimo","faceste","facesti","faceva","facevamo","facevano","facevate","facevi","facevo","fai","fanno","farai","faranno","fare","farebbe","farebbero","farei","faremmo","faremo","fareste","faresti","farete","farà","farò","fatto","favore","fece","fecero","feci","fin","finalmente","finche","fine","fino","forse","forza","fosse","fossero","fossi","fossimo","foste","fosti","fra","frattempo","fu","fui","fummo","fuori","furono","futuro","generale","gente","gia","giacche","giorni","giorno","giu","già","gli","gliela","gliele","glieli","glielo","gliene","grande","grazie","gruppo","ha","haha","hai","hanno","ho","i","ie","ieri","il","improvviso","in","inc","indietro","infatti","inoltre","insieme","intanto","intorno","invece","io","l","la","lasciato","lato","le","lei","li","lo","lontano","loro","lui","lungo","luogo","là","ma","macche","magari","maggior","mai","male","malgrado","malissimo","me","medesimo","mediante","meglio","meno","mentre","mesi","mezzo","mi","mia","mie","miei","mila","miliardi","milioni","minimi","mio","modo","molta","molti","moltissimo","molto","momento","mondo","ne","negl","negli","nei","nel","nell","nella","nelle","nello","nemmeno","neppure","nessun","nessuna","nessuno","niente","no","noi","nome","non","nondimeno","nonostante","nonsia","nostra","nostre","nostri","nostro","novanta","nove","nulla","nuovi","nuovo","o","od","oggi","ogni","ognuna","ognuno","oltre","oppure","ora","ore","osi","ossia","ottanta","otto","paese","parecchi","parecchie","parecchio","parte","partendo","peccato","peggio","per","perche","perchè","perché","percio","perciò","perfino","pero","persino","persone","però","piedi","pieno","piglia","piu","piuttosto","più","po","pochissimo","poco","poi","poiche","possa","possedere","posteriore","posto","potrebbe","preferibilmente","presa","press","prima","primo","principalmente","probabilmente","promesso","proprio","puo","pure","purtroppo","può","qua","qualche","qualcosa","qualcuna","qualcuno","quale","quali","qualunque","quando","quanta","quante","quanti","quanto","quantunque","quarto","quasi","quattro","quel","quella","quelle","quelli","quello","quest","questa","queste","questi","questo","qui","quindi","quinto","realmente","recente","recentemente","registrazione","relativo","riecco","rispetto","salvo","sara","sarai","saranno","sarebbe","sarebbero","sarei","saremmo","saremo","sareste","saresti","sarete","sarà","sarò","scola","scopo","scorso","se","secondo","seguente","seguito","sei","sembra","sembrare","sembrato","sembrava","sembri","sempre","senza","sette","si","sia","siamo","siano","siate","siete","sig","solito","solo","soltanto","sono","sopra","soprattutto","sotto","spesso","sta","stai","stando","stanno","starai","staranno","starebbe","starebbero","starei","staremmo","staremo","stareste","staresti","starete","starà","starò","stata","state","stati","stato","stava","stavamo","stavano","stavate","stavi","stavo","stemmo","stessa","stesse","stessero","stessi","stessimo","stesso","steste","stesti","stette","stettero","stetti","stia","stiamo","stiano","stiate","sto","su","sua","subito","successivamente","successivo","sue","sugl","sugli","sui","sul","sull","sulla","sulle","sullo","suo","suoi","tale","tali","talvolta","tanto","te","tempo","terzo","th","ti","titolo","tra","tranne","tre","trenta","triplo","troppo","trovato","tu","tua","tue","tuo","tuoi","tutta","tuttavia","tutte","tutti","tutto","uguali","ulteriore","ultimo","un","una","uno","uomo","va","vai","vale","vari","varia","varie","vario","verso","vi","vicino","visto","vita","voi","volta","volte","vostra","vostre","vostri","vostro","è"]4d:T652,cleanText = (textArray) => { let cleanArray = [] for (let i = 0; i < textArray.length; i++) { if (typeof textArray[i] == 'string') {cleanArray.push(textArray[i])} else { switch (textArray[i].type) { case 'bot_command': cleanArray.push(textArray[i].text); break; case 'mention': cleanArray.push(textArray[i].text); break; case 'mantion_name': cleanArray.push(textArray[i].text); break; case 'link': if (word_options.link == true) {cleanArray.push(textArray[i].text)}; break; case 'text_link': cleanArray.push(textArray[i].text); break; case 'phone': cleanArray.push(textArray[i].text); break; case 'email': cleanArray.push(textArray[i].text); break; case 'hashtag': cleanArray.push(textArray[i].text); break; case 'underline': cleanArray.push(textArray[i].text); break; case 'bold': cleanArray.push(textArray[i].text); break; case 'italic': cleanArray.push(textArray[i].text); break; case 'striketrough': cleanArray.push(textArray[i].text); break; case 'pre': cleanArray.push(textArray[i].text); break; case 'code': cleanArray.push(textArray[i].text); break; default: cleanArray.push(textArray[i].text); break; } } } return cleanArray.join('').replace('\n', ''); } 4e:T1505,// Copyright 2021 Observable, Inc. // Released under the ISC license. // https://observablehq.com/@d3/multi-line-chart function LineSeriesChart(data, { x = ([x]) => x, // given d in data, returns the (temporal) x-value y = ([, y]) => y, // given d in data, returns the (quantitative) y-value z = () => 1, // given d in data, returns the (categorical) z-value title, // given d in data, returns the title text defined, // for gaps in data curve = d3.curveLinear, // method of interpolation between points marginTop = 20, // top margin, in pixels marginRight = 30, // right margin, in pixels marginBottom = 30, // bottom margin, in pixels marginLeft = 40, // left margin, in pixels width = 640, // outer width, in pixels height = 400, // outer height, in pixels xType = d3.scaleUtc, // type of x-scale xDomain, // [xmin, xmax] xRange = [marginLeft, width - marginRight], // [left, right] yType = d3.scaleLinear, // type of y-scale yDomain, // [ymin, ymax] yRange = [height - marginBottom, marginTop], // [bottom, top] yFormat, // a format specifier string for the y-axis yLabel, // a label for the y-axis zDomain, // array of z-values colors = d3.schemeTableau10, // stroke color of line, as a constant or a function of *z* strokeLinecap, // stroke line cap of line strokeLinejoin, // stroke line join of line strokeWidth = 1.5, // stroke width of line strokeOpacity, // stroke opacity of line mixBlendMode = "multiply", // blend mode of lines } = {}) { // Compute values. const X = d3.map(data, x); const Y = d3.map(data, y); const Z = d3.map(data, z); const O = d3.map(data, d => d); if (defined === undefined) defined = (d, i) => !isNaN(X[i]) && !isNaN(Y[i]); const D = d3.map(data, defined); // Compute default domains, and unique the z-domain. if (xDomain === undefined) xDomain = d3.extent(X); if (yDomain === undefined) yDomain = [0, d3.max(Y)]; if (zDomain === undefined) zDomain = Z; zDomain = new d3.InternSet(zDomain); // Omit any data not present in the z-domain. const I = d3.range(X.length).filter(i => zDomain.has(Z[i])); // Construct scales and axes. const xScale = xType(xDomain, xRange); const yScale = yType(yDomain, yRange); const xAxis = d3.axisBottom(xScale).ticks(width / 80).tickSizeOuter(0); const yAxis = d3.axisLeft(yScale).ticks(height / 60, yFormat); const color = d3.scaleOrdinal(zDomain, colors); // Compute titles. const T = title === undefined ? Z : title === null ? null : d3.map(data, title); // Construct a line generator. const line = d3.line() .defined(i => D[i]) .curve(curve) .x(i => xScale(X[i])) .y(i => yScale(Y[i])); const svg = d3.create("svg") .attr("width", width) .attr("height", height) .attr("viewBox", [0, 0, width, height]) .attr("style", "max-width: 100%; height: auto; height: intrinsic;") .style("-webkit-tap-highlight-color", "transparent") .on("pointerenter", pointerentered) .on("pointermove", pointermoved) .on("pointerleave", pointerleft) .on("touchstart", event => event.preventDefault()); svg.append("g") .attr("transform", `translate(0,${height - marginBottom})`) .call(xAxis); svg.append("g") .attr("transform", `translate(${marginLeft},0)`) .call(yAxis) .call(g => g.select(".domain").remove()) .call(g => g.selectAll(".tick line").clone() .attr("x2", width - marginLeft - marginRight) .attr("stroke-opacity", 0.1)) .call(g => g.append("text") .attr("x", -marginLeft) .attr("y", 10) .attr("fill", "currentColor") .attr("text-anchor", "start") .text(yLabel)); const path = svg.append("g") .attr("fill", "none") .attr("stroke", typeof color === "string" ? color : null) .attr("stroke-linecap", strokeLinecap) .attr("stroke-linejoin", strokeLinejoin) .attr("stroke-width", strokeWidth) .attr("stroke-opacity", strokeOpacity) .selectAll("path") .data(d3.group(I, i => Z[i])) .join("path") .style("mix-blend-mode", mixBlendMode) .attr("stroke", typeof color === "function" ? ([z]) => color(z) : null) .attr("d", ([, I]) => line(I)); const dot = svg.append("g") .attr("display", "none"); dot.append("circle") .attr("r", 2.5); dot.append("text") .attr("font-family", "sans-serif") .attr("font-size", 10) .attr("text-anchor", "middle") .attr("y", -8); function pointermoved(event) { const [xm, ym] = d3.pointer(event); const i = d3.least(I, i => Math.hypot(xScale(X[i]) - xm, yScale(Y[i]) - ym)); // closest point path.style("stroke", ([z]) => Z[i] === z ? null : "#ddd").filter(([z]) => Z[i] === z).raise(); dot.attr("transform", `translate(${xScale(X[i])},${yScale(Y[i])})`); if (T) dot.select("text").text(T[i]); svg.property("value", O[i]).dispatch("input", {bubbles: true}); } function pointerentered() { path.style("mix-blend-mode", null).style("stroke", "#ddd"); dot.attr("display", null); } function pointerleft() { path.style("mix-blend-mode", "multiply").style("stroke", null); dot.attr("display", "none"); svg.node().value = null; svg.dispatch("input", {bubbles: true}); } return Object.assign(svg.node(), {scales: {color}}); }4f:Tf71,function ForceGraph2({ nodes, // an iterable of node objects (typically [{id}, …]) }, { nodeId = d => d.id, // given d in nodes, returns a unique identifier (string) nodeGroup, // given d in nodes, returns an (ordinal) value for color nodeGroups, // an array of ordinal values representing the node groups nodeTitle = d => d.id, // given d in nodes, a title string nodeFill = "currentColor", // node stroke fill (if not using a group color encoding) nodeStroke = "#fff", // node stroke color nodeStrokeWidth = 1.5, // node stroke width, in pixels nodeStrokeOpacity = 1, // node stroke opacity nodeRadius = d => d.value * 2 , // node radius, in pixels nodeStrength = d => d.value, colors = d3.schemeTableau10, // an array of color strings, for the node groups width = 640, // outer width, in pixels height = 400, // outer height, in pixels invalidation // when this promise resolves, stop the simulation } = {}) { // Compute values. const N = d3.map(nodes, nodeId).map(intern); if (nodeTitle === undefined) nodeTitle = (_, i) => N[i]; const T = nodeTitle == null ? null : d3.map(nodes, nodeTitle); const G = nodeGroup == null ? null : d3.map(nodes, nodeGroup).map(intern); // Replace the input nodes and links with mutable objects for the simulation. nodes = d3.map(nodes, (d, i) => ({id: N[i], value:d.value })); // Compute default domains. if (G && nodeGroups === undefined) nodeGroups = d3.sort(G); // Construct the scales. //qconst color = nodeGroup == null ? null : d3.scaleOrdinal(nodeGroups, colors); // Construct the forces. const forceNode = d3.forceManyBody(); if (nodeStrength !== undefined) forceNode.strength(nodeStrength); const simulation = d3.forceSimulation(nodes) .force("charge", forceNode) .force('collision', d3.forceCollide().radius(d => bboxScale(d.value)+5)) .force("x", d3.forceX()) .force("y", d3.forceY()) .on("tick", ticked); const svg = d3.create("svg") .attr("width", width) .attr("height", height) .attr("viewBox", [-width / 2, -height / 2, width, height]) .attr("style", "max-width: 100%; height: auto; height: intrinsic;"); const node = svg.append("g") .attr("fill", "white") .style("opacity",0.5) .attr("stroke", "none") .attr("stroke-opacity", nodeStrokeOpacity) .attr("stroke-width", nodeStrokeWidth) .selectAll("circle") .data(nodes) .join("circle") .text(nodeId) .attr("r", d => bboxScale(d.value)) .call(drag(simulation)); const emoji = svg.append("g") .selectAll("text") .data(nodes) .join("text") .attr("font-size", d => emojiScale(d.value)) .attr("text-anchor", "middle") .text(d => d.id) .call(drag(simulation)); //if (G) node.attr("fill", ({index: i}) => color(G[i])); if (T) node.append("title").text(({index: i}) => T[i]); // Handle invalidation. if (invalidation != null) invalidation.then(() => simulation.stop()); function intern(value) { return value !== null && typeof value === "object" ? value.valueOf() : value; } function ticked() { node .attr("cx", d => d.x) .attr("cy", d => d.y); emoji .attr("x", d => d.x) .attr("y", d => d.y + emojiScale(d.value/2) * .65); } function drag(simulation) { function dragstarted(event) { if (!event.active) simulation.alphaTarget(0.3).restart(); event.subject.fx = event.subject.x; event.subject.fy = event.subject.y; } function dragged(event) { event.subject.fx = event.x; event.subject.fy = event.y; } function dragended(event) { if (!event.active) simulation.alphaTarget(0); event.subject.fx = null; event.subject.fy = null; } return d3.drag() .on("start", dragstarted) .on("drag", dragged) .on("end", dragended); } return Object.assign(svg.node()); }50:[{"id":"067c26dd83bc352047e1d8dc68af831b430b782566e108e46fa45561d36aa78969c2a928743a00b3ed46e3169e4cd005a0649fed3569b688923dbfa130e1018d","href":"https://static.observableusercontent.com/files/067c26dd83bc352047e1d8dc68af831b430b782566e108e46fa45561d36aa78969c2a928743a00b3ed46e3169e4cd005a0649fed3569b688923dbfa130e1018d","name":"result.json","type":"application/json","lastModified":1647770617374.439,"size":2029635}] 29:{"id":"989328a742d0e70e","slug":null,"title":"Telegram Chat Visualizer","thumbnail":"a604592e9072f19eb2cf59b22b1e77403859e20137790b1106b4e4cb0d8465f1","access_level":"public","create_time":"$D2022-03-20T10:03:37.374Z","update_time":"$D2022-03-27T16:39:38.373Z","view_time":null,"first_public_time":"$D2023-07-17T20:27:25.438Z","has_unpublished_edits":null,"fork":true,"stars":0,"starred":false,"owner":{"type":"team","id":"dcebddad43119cca","login":"lucadra","name":"","avatar_url":"https://avatars-next.observableusercontent.com/66adfdd1a99d21cf1ce56e104205c27696b552f603d46b536a03aad055ca7b57","tier":"starter_2024","bio":"","followed_by_you":false,"follows_you":false},"version":3201,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"00fdb9b1d14eff97","login":"lucadra","name":"","avatar_url":"https://avatars-next.observableusercontent.com/66adfdd1a99d21cf1ce56e104205c27696b552f603d46b536a03aad055ca7b57","tier":null,"bio":"","followed_by_you":false,"follows_you":false}],"members":[{"type":"individual","id":"00fdb9b1d14eff97","login":"lucadra","name":"","avatar_url":"https://avatars-next.observableusercontent.com/66adfdd1a99d21cf1ce56e104205c27696b552f603d46b536a03aad055ca7b57","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":1,"collection":null,"type":"notebook","body":{"titling":"auto","title":"Telegram Chat Visualizer","cells":[{"id":0,"value":"# Telegram Chat Visualizer","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":1624,"value":"file = FileAttachment(\"result.json\").json()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1213,"value":"data = file['messages'].filter(d => d['type'] != 'service').map(d => {\n d['date'] = new Date( d['date'] )\n return d; \n})\n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":41,"value":"members = [...new Set(data.map((d) => d['from']))]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":509,"value":"

","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":2039,"value":"### Word Counter\nWhen the body of a message is styled or contains a link, mention, hashtag, phone number or e-mail address, Telegram encodes it as an array of strings and objects. ","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":2109,"value":"#### Select which data to keep","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":2097,"value":"viewof word_options = Inputs.form({\n bot_command: Inputs.toggle({label: \"Bot Command\", value: true }),\n mention: Inputs.toggle({label: \"Mention\", value: true }),\n mention_name: Inputs.toggle({label: \"Mention Name\", value: true }),\n link: Inputs.toggle({label: \"Link\", value: true }),\n link_text: Inputs.toggle({label: \"Link Text\", value: true }),\n phone: Inputs.toggle({label: \"Phone\", value: true }),\n email: Inputs.toggle({label: \"E-Mail\", value: true }),\n hashtag: Inputs.toggle({label: \"Hashtag\", value: true }),\n underline: Inputs.toggle({label: \"Underline\", value: true }),\n italic: Inputs.toggle({label: \"Italic\", value: true }),\n bold: Inputs.toggle({label: \"Bold\", value: true }),\n striketrough: Inputs.toggle({label: \"Striketrough\", value: true }),\n pre: Inputs.toggle({label: \"Pre\", value: true }),\n code: Inputs.toggle({label: \"Code\", value: true }) \n}, )","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2327,"value":"viewof word_count_filter = Inputs.select([\"All\", ...members], {label: \"Show data for\"})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2175,"value":" viewof table = Inputs.table(most_used_words)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":3184,"value":"key2 = Swatches(chart4.scales.color, {columns: \"120px\"})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":3008,"value":"chart4 = LineSeriesChart(word_counter_by_word, {\n x: d => d.date,\n y: d => d.count,\n z: d => d.word,\n yLabel: `↑ Mentions of ${(table.map(d => d.word)).join(', ')}`,\n width,\n height: 200,\n \n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2842,"value":"table.map(d => d.word)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":3132,"value":"word_counter_by_word = table.map(d => d.word).map(f => word_counter_date_words.map((d) => [\n d[0],\n d[1].filter((e) => e == f).length\n]).map(d => ({date: d[0], word: f, count: d[1]}))).flat()\n\n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":3093,"value":"word_counter_date_words = d3.flatRollup(\n unique_dates\n .map((e) => tokentext_bydate.get(e))\n .filter((d) => d != undefined)\n .map((d) =>\n d.map((e) => {\n e.date = new Date(\n Date.UTC(\n e[\"date\"].getFullYear(),\n e[\"date\"].getMonth(),\n e[\"date\"].getDate()\n )\n );\n return e;\n })\n )\n .flat(),\n (v) =>\n v\n .map((f) => f.text)\n .flat()\n .map((g) => g.toLowerCase()),\n (d) => d.date\n)\n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2915,"value":"//word_counter = unique_dates.map((d) =>\n// members.map((e) =>\n// tokentext_bydate.get(d) == undefined\n// ? null\n// : tokentext_bydate.get(d).filter((f) => f.from == e).length > 0\n// ? d3\n// .flatRollup(\n// tokentext_bydate.get(d).filter((f) => f.from == e),\n// (v) => v.map((g) => g.text.map((h) => h.value)).flat().filter(j => table.map(k => k.word).includes(j.toLowerCase())),\n// (d) => d.from\n// )\n// .map((i) => ({ division: e, date: d, count: i[1].length }))[0]\n// : { division: e, date: d, count: 0 }\n// )\n//).flat().filter(d => d != null)\n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2916,"value":"tokentext_bydate = d3.group(tokenized_text, d => new Date ( Date.UTC(d['date'].getFullYear(), d['date'].getMonth(), d['date'].getDate()) ) )","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2763,"value":"tokenized_text = dataCopy.map(d => {d.text = tokenizer.tokenize(d.text).filter(d => d.tag == 'word').map(e => e.value); return d}).filter(d => d.text.length != 0)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2906,"value":"dataCopy = JSON.parse(JSON.stringify(cleaned_text)).map(d => {d.date = new Date (d.date); return d})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2889,"value":"//tokenized_messages = cleaned_text.map(d => {d.text = tokenizer.tokenize(d.text); d.text = d.text.filter(d => d.tag == 'word'); return d;})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2167,"value":"most_used_words = words_unique.map(d => [d, words_total.filter(e => e === d).length]).sort((a, b) => b[1] - a[1] ).map(d => ({word: d[0], count: d[1]}))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2164,"value":"words_unique = [...new Set(words_total)].map(d => d.toLowerCase()).filter(d => !stopwords.includes(d))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2248,"value":"$4c","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2160,"value":"words_total = cleaned_text.map(d => tokenizer.tokenize(d.text)).flat().filter(d => d.tag == \"word\").map(d => d.value.toLowerCase())","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2067,"value":"cleaned_text = data.map(d => {\n d['text'] = typeof d['text'] == 'string' ? d['text'] : cleanText(d['text']);\n return d; \n}\n).filter(d => d.from == (word_count_filter != \"All\" ? word_count_filter : d.from))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2078,"value":"$4d","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2221,"value":"tokenizer = wink_tokenizer()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2207,"value":"wink_tokenizer = (await import('https://cdn.skypack.dev/wink-tokenizer')).default;","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2205,"value":"winkNLP = (await import('https://cdn.skypack.dev/wink-nlp')).default;","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2756,"value":"$4e","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1818,"value":"

Imports