30:Tcf1,sliderChart = function (data, color) { const dim = { width: width, height: 600, margin: 40 } const ordered_keys = [ "total_messages", "unique_words", "message_length", "average_word_length", "emoji_count", "audio_count", "image_count", "video_count", "sticker_count", "gif_count" ].reverse() const labels = new Map ([ ["total_messages", "Messages"], ["unique_words", "Unique Words"], ["message_length", "Message Length"], ["average_word_length", "Average Word Length"], ["emoji_count", "Emojis"], ["audio_count", "Audios"], ["image_count", "Images"], ["video_count", "Videos"], ["sticker_count", "Stickers"], ["gif_count", "GIFs"] ]) const bar_len = (dim.width - 2 * dim.margin) / 2, half_bar = bar_len / 2, mark_0 = dim.margin, mark_25 = dim.margin + half_bar, mark_50 = dim.margin + 2 * half_bar, mark_75 = dim.margin + 3 * half_bar, mark_100 = dim.margin + 4 * half_bar; let standardize = (object) => { let total = object.lsi + object.mys, pct_lsi = object.lsi / total; return 0.5 - pct_lsi } const svg = d3.create("svg") .attr("viewBox", [0, 0, dim.width, dim.height]) const xScale = d3.scaleLinear() .domain([-0.5, 0.5]) .range([mark_25, mark_75]) const yScale = d3.scaleBand() .domain(d3.range(0, Object.keys(data).length)) .range([dim.height - dim.margin, dim.margin]) .padding(0.25) svg.append("g") .attr("class", "axis-label") .append("text") .attr("x", mark_0) .attr("y", dim.margin / 2) .attr("font-size", "0.75em") .attr("font-weight", 700) .attr("fill", "#999") .text("← LSI") svg.append("g") .attr("class", "axis-label") .append("text") .attr("x", mark_50) .attr("y", dim.margin / 2) .attr("text-anchor", "middle") .attr("font-size", "0.75em") .attr("font-weight", 700) .attr("fill", "#999") .text("Parity") svg.append("g") .attr("class", "axis-label") .append("text") .attr("x", mark_100) .attr("y", dim.margin / 2) .attr("text-anchor", "end") .attr("font-size", "0.75em") .attr("font-weight", 700) .attr("fill", "#999") .text("MYS →") const marks = svg.append("g") .selectAll("line") .data([mark_0, mark_25, mark_50, mark_75, mark_100]) .enter() marks .append("line") .attr("x1", d => d) .attr("x2", d => d) .attr("y1", dim.height - dim.margin) .attr("y2", dim.margin) .attr("stroke", "#DDD") .attr("stroke-width", 2) const bars = svg.append("g") .selectAll("rect") .data(ordered_keys) .enter() bars .append("rect") .attr("x", d => xScale(standardize(data[d])) - half_bar) .attr("y", (_, i) => yScale(i)) .attr("height", yScale.bandwidth) .attr("width", bar_len) .attr("rx", 4) .attr("fill", colorScheme(color)) .attr("opacity", 0.85) bars .append("text") .attr("x", d => xScale(standardize(data[d]))) .attr("y", (_, i) => yScale(i)) .attr("dy", "1.5em") .attr("text-anchor", "middle") .attr("fill", "white") .text(d => labels.get(d)) return svg.node() }31:T697,barChart = function (data, color) { const dim = { width: width, height: 250, margin_top: 10, margin_bottom: 60, margin: 40 } let parseDate = d3.timeFormat("%Y-%m-%d") let displayDate = d3.timeFormat("%d/%m (%a)") let per_diem = [...d3.rollup(data, v => v.length, d => parseDate(new Date(d.date)))] .map(d => ({ date: d[0], count: d[1] })) let xScale = d3.scaleBand() .domain(per_diem.map(d => displayDate(new Date(d.date)))) .range([dim.margin, dim.width - dim.margin]) .padding(0.07) let yScale = d3.scaleLinear() .domain([0, d3.max(per_diem, d => d.count)]) .range([dim.height - dim.margin_bottom, dim.margin_top]) let xAxis = d3.axisBottom(xScale).ticks(33).tickSize(0), yAxis = d3.axisLeft(yScale); const svg = d3.create("svg") .attr("viewBox", [0, 0, dim.width, dim.height]) svg .append("g") .attr("transform", `translate(0, ${dim.height - dim.margin_bottom})`) .call(xAxis) .selectAll("text") .attr("y", 0) .attr("x", 3) .attr("dy", ".35em") .attr("transform", "rotate(90)") .style("text-anchor", "start"); svg .append("g") .attr("transform", `translate(${dim.margin}, 0)`) .call(yAxis); const bars = svg.append("g") .attr("class", "bars") .selectAll("g") .data(per_diem) .enter() bars .append("rect") .attr("x", d => xScale(displayDate(new Date(d.date)))) .attr("y", d => yScale(d.count)) .attr("rx", 0) .attr("width", xScale.bandwidth()) .attr("height", d => yScale(0) - yScale(d.count)) .attr("fill", colorScheme(color)) return svg.node() }32:T732,heatMap = (data) => { const dim = { width: width, height: 500, margin: 50 } let xScale = d3.scaleBand() .domain(d3.range(0, 1440)) .range([dim.margin, dim.width - dim.margin]) .padding(0) let yScale = d3.scaleBand() .domain(["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"]) .range([dim.margin, dim.height - dim.margin]) .padding(0.2) let zScale = d3.scaleSqrt() .domain([0, d3.max(data, d => d.count)]) let colorScale = (c) => d3.interpolateGreys(zScale(c)) let dayAxis = d3.axisLeft(yScale).tickSize(0) let hourAxis = d3.axisTop(xScale) .tickSize(0) .tickValues(d3.range(0, 1440, 60)) .tickFormat(d => d/60) const svg = d3.create("svg") .attr("viewBox", [0, 0, dim.width, dim.height]) svg .append("g") .attr("transform", `translate(${dim.margin - 8}, 0)`) .call(dayAxis) .call(g => g.select(".domain").remove()) svg .append("g") .attr("transform", `translate(15, ${dim.margin})`) .call(hourAxis) .call(g => g.select(".domain").remove()) .call(g => g.attr("text-anchor", "middle")) const rects = svg.append("g") .attr("class", "rects") .selectAll("rect") .data(data) .enter() rects .append("rect") .attr("x", d => xScale(d.minute)) .attr("y", d => yScale(d.day)) .attr("width", xScale.bandwidth) .attr("height", yScale.bandwidth) .attr("fill", d => colorScale(d.count)) const lines = svg.append("g") .attr("class", "hour-lines") .selectAll("line") .data(d3.range(60, 1440, 60)) .enter() lines .append("line") .attr("x1", d => xScale(d)) .attr("x2", d => xScale(d)) .attr("y1", dim.margin) .attr("y2", dim.height - dim.margin) .attr("stroke", "black") .attr("opacity", 0.5) return svg.node() }33:T744,responseHistogram = (data, domain, ticks, title, pct, axis_title, axis_format, color) => { const dim = { width: width / 4, height: 400, margin: 45, inner_margin: 25 } const quarter_width = (dim.width - 2 * dim.margin) / 4; const svg = d3.create("svg") .attr("viewBox", [0, 0, dim.width, dim.height]) .attr("width", dim.width) let hScale = d3.scaleLinear() .domain([0, d3.max(data.bins, d => d.length)]).nice() .range([dim.margin, dim.width - dim.margin]) let vScale = d3.scaleLinear() .domain(domain) .range([dim.margin, dim.height - dim.margin]) svg.append("g") .attr("transform", `translate(0, ${dim.margin - 2})`) .call(d3.axisTop(hScale).ticks(3)) .call(g => g.select(".domain").remove()) svg.append("g") .attr("transform", `translate(${dim.margin}, 0)`) .call(d3.axisLeft(vScale).tickValues(ticks).tickFormat(axis_format)) svg.append("g") .append("text") .attr("x", dim.margin + (quarter_width) + 25) .attr("y", 0) .attr("dy", "0.35em") .attr("text-anchor", "middle") .attr("font-size", "0.85em") .attr("font-weight", 600) .text(title + ` (${(pct*100).toFixed(1)}%)`) svg.append("g") .append("text") .attr("transform", "rotate(90)") .attr("x", dim.height - dim.margin) .attr("y", -10) .attr("dy", "0.35em") .attr("text-anchor", "end") .attr("font-size", "0.6em") .text(axis_title + " →") const bars = svg.append("g") .selectAll("rect") .data(data.bins) .enter() bars .append("rect") .attr("x", dim.margin) .attr("y", d => vScale(d.x0)) .attr("width", d => hScale(d.length) - hScale(0)) .attr("height", d => vScale(d.x1) - vScale(d.x0) - 2) .attr("fill", color) .attr("opacity", 0.85) .attr("rx", 2) return svg.node() }34:Taa5,wordChart = (data, color) => { const dim = { width: width, height: 1500, margin: 20 } let mid_x = dim.width / 2, mid_y = dim.height / 2; let standardize = (object) => { return 0.5 - object.values.lsi / object.values.combined } let xScale = d3.scaleLinear() .domain([-0.5, 0.5]) .range([dim.margin, dim.width - dim.margin]) let yScale = d3.scaleBand() .domain(d3.range(0, data.length)) .range([dim.margin, dim.height - dim.margin]) const svg = d3.create("svg") .attr("viewBox", [0, 0, dim.width, dim.height]) const axes = svg.append("g") .attr("class", "axes"); axes .append("line") .attr("x1", mid_x) .attr("x2", mid_x) .attr("y1", dim.margin + 90) .attr("y2", dim.height - dim.margin) .attr("stroke", "#ddd") .attr("stroke-width", 2) axes .append("line") .attr("x1", dim.margin) .attr("x2", dim.width - dim.margin) .attr("y1", dim.margin) .attr("y2", dim.margin) .attr("stroke", "#ddd") .attr("stroke-width", 2) const labels = svg.append("g") .attr("class", "axis-labels") labels .append("text") .attr("x", dim.margin) .attr("y", dim.margin / 2) .attr("font-size", "0.75em") .attr("font-weight", 700) .attr("fill", "#999") .text("← LSI") labels .append("text") .attr("x", dim.width / 2) .attr("y", dim.margin / 2) .attr("text-anchor", "middle") .attr("font-size", "0.75em") .attr("font-weight", 700) .attr("fill", "#999") .text("Parity") labels .append("text") .attr("x", dim.width - dim.margin) .attr("y", dim.margin / 2) .attr("text-anchor", "end") .attr("font-size", "0.75em") .attr("font-weight", 700) .attr("fill", "#999") .text("MYS →") labels .append("text") .attr("x", dim.width / 2) .attr("y", dim.margin / 2) .attr("text-anchor", "start") .attr("font-size", "0.75em") .attr("font-weight", 700) .attr("fill", "#999") .attr("dy", "1.1em") .attr("transform", `translate(0, 5) rotate(90, ${dim.width/2}, ${dim.margin})`) .text("← Frequency") const words = svg.append("g") .attr("class", "words") .selectAll("text") .data(data) .enter() words .append("text") .attr("x", d => xScale(standardize(d))) .attr("y", (_, i) => yScale(i)) .attr("font-size", "0.5em") .attr("font-weight", 500) .attr("dy", "1em") .attr("text-anchor", "middle") .attr("fill", colorScheme(color)) .text(d => d.word) return svg.node() }35:T4cc,binResponseTimes = (data) => { let split_data = [ { label: "Under 1m", axis_label: "Seconds", axis_extent: [0, 60], ticks: d3.range(0, 61, 6), format: d => d, data: data.filter(d => d < 60), }, { label: "1-10m", axis_label: "Minutes", axis_extent: [60, 600], ticks: d3.range(60, 601, 60), format: (d) => d / 60, data: data.filter(d => d >= 60 && d < 600) }, { label: "10m-1h", axis_label: "Minutes", axis_extent: [600, 3600], ticks: d3.range(600, 3601, 300), format: (d) => d / 60, data: data.filter(d => d >= 600 && d < 3600) }, { label: "Over 1h", axis_label: "Hours", axis_extent: [3600, 57600], ticks: d3.range(3600, 57601, 5400), format: (d) => d / (60 * 60), data: data.filter(d => d >= 3600) } ] return split_data.map(d => { let bins = d3.histogram() .domain(d.axis_extent) .thresholds(d.ticks) (d.data) return { label: d.label, axis_label: d.axis_label, axis_extent : d.axis_extent, ticks: d.ticks, format: d.format, data: d.data, bins: bins, pct: d.data.length / data.length } }) }36:T29e6,emoji_regex = /\uD83C\uDFF4\uDB40\uDC67\uDB40\uDC62(?:\uDB40\uDC77\uDB40\uDC6C\uDB40\uDC73|\uDB40\uDC73\uDB40\uDC63\uDB40\uDC74|\uDB40\uDC65\uDB40\uDC6E\uDB40\uDC67)\uDB40\uDC7F|\uD83D\uDC69\u200D\uD83D\uDC69\u200D(?:\uD83D\uDC66\u200D\uD83D\uDC66|\uD83D\uDC67\u200D(?:\uD83D[\uDC66\uDC67]))|\uD83D\uDC68(?:\uD83C\uDFFF\u200D(?:\uD83E\uDD1D\u200D\uD83D\uDC68(?:\uD83C[\uDFFB-\uDFFE])|\uD83C[\uDF3E\uDF73\uDF7C\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uD83E[\uDDAF-\uDDB3\uDDBC\uDDBD])|\uD83C\uDFFE\u200D(?:\uD83E\uDD1D\u200D\uD83D\uDC68(?:\uD83C[\uDFFB-\uDFFD\uDFFF])|\uD83C[\uDF3E\uDF73\uDF7C\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uD83E[\uDDAF-\uDDB3\uDDBC\uDDBD])|\uD83C\uDFFD\u200D(?:\uD83E\uDD1D\u200D\uD83D\uDC68(?:\uD83C[\uDFFB\uDFFC\uDFFE\uDFFF])|\uD83C[\uDF3E\uDF73\uDF7C\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uD83E[\uDDAF-\uDDB3\uDDBC\uDDBD])|\uD83C\uDFFC\u200D(?:\uD83E\uDD1D\u200D\uD83D\uDC68(?:\uD83C[\uDFFB\uDFFD-\uDFFF])|\uD83C[\uDF3E\uDF73\uDF7C\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uD83E[\uDDAF-\uDDB3\uDDBC\uDDBD])|\uD83C\uDFFB\u200D(?:\uD83E\uDD1D\u200D\uD83D\uDC68(?:\uD83C[\uDFFC-\uDFFF])|\uD83C[\uDF3E\uDF73\uDF7C\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uD83E[\uDDAF-\uDDB3\uDDBC\uDDBD])|\u200D(?:\u2764\uFE0F\u200D(?:\uD83D\uDC8B\u200D)?\uD83D\uDC68|(?:\uD83D[\uDC68\uDC69])\u200D(?:\uD83D\uDC66\u200D\uD83D\uDC66|\uD83D\uDC67\u200D(?:\uD83D[\uDC66\uDC67]))|\uD83D\uDC66\u200D\uD83D\uDC66|\uD83D\uDC67\u200D(?:\uD83D[\uDC66\uDC67])|(?:\uD83D[\uDC68\uDC69])\u200D(?:\uD83D[\uDC66\uDC67])|[\u2695\u2696\u2708]\uFE0F|\uD83D[\uDC66\uDC67]|\uD83C[\uDF3E\uDF73\uDF7C\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uD83E[\uDDAF-\uDDB3\uDDBC\uDDBD])|(?:\uD83C\uDFFF\u200D[\u2695\u2696\u2708]|\uD83C\uDFFE\u200D[\u2695\u2696\u2708]|\uD83C\uDFFD\u200D[\u2695\u2696\u2708]|\uD83C\uDFFC\u200D[\u2695\u2696\u2708]|\uD83C\uDFFB\u200D[\u2695\u2696\u2708])\uFE0F|\uD83C[\uDFFB-\uDFFF])|\uD83E\uDDD1(?:(?:\uD83C[\uDFFB-\uDFFF])\u200D(?:\uD83E\uDD1D\u200D\uD83E\uDDD1(?:\uD83C[\uDFFB-\uDFFF])|\uD83C[\uDF3E\uDF73\uDF7C\uDF84\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uD83E[\uDDAF-\uDDB3\uDDBC\uDDBD])|\u200D(?:\uD83E\uDD1D\u200D\uD83E\uDDD1|\uD83C[\uDF3E\uDF73\uDF7C\uDF84\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uD83E[\uDDAF-\uDDB3\uDDBC\uDDBD]))|\uD83D\uDC69(?:\u200D(?:\u2764\uFE0F\u200D(?:\uD83D\uDC8B\u200D(?:\uD83D[\uDC68\uDC69])|\uD83D[\uDC68\uDC69])|\uD83C[\uDF3E\uDF73\uDF7C\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uD83E[\uDDAF-\uDDB3\uDDBC\uDDBD])|\uD83C\uDFFF\u200D(?:\uD83C[\uDF3E\uDF73\uDF7C\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uD83E[\uDDAF-\uDDB3\uDDBC\uDDBD])|\uD83C\uDFFE\u200D(?:\uD83C[\uDF3E\uDF73\uDF7C\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uD83E[\uDDAF-\uDDB3\uDDBC\uDDBD])|\uD83C\uDFFD\u200D(?:\uD83C[\uDF3E\uDF73\uDF7C\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uD83E[\uDDAF-\uDDB3\uDDBC\uDDBD])|\uD83C\uDFFC\u200D(?:\uD83C[\uDF3E\uDF73\uDF7C\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uD83E[\uDDAF-\uDDB3\uDDBC\uDDBD])|\uD83C\uDFFB\u200D(?:\uD83C[\uDF3E\uDF73\uDF7C\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uD83E[\uDDAF-\uDDB3\uDDBC\uDDBD]))|\uD83D\uDC69\uD83C\uDFFF\u200D\uD83E\uDD1D\u200D(?:\uD83D[\uDC68\uDC69])(?:\uD83C[\uDFFB-\uDFFE])|\uD83D\uDC69\uD83C\uDFFE\u200D\uD83E\uDD1D\u200D(?:\uD83D[\uDC68\uDC69])(?:\uD83C[\uDFFB-\uDFFD\uDFFF])|\uD83D\uDC69\uD83C\uDFFD\u200D\uD83E\uDD1D\u200D(?:\uD83D[\uDC68\uDC69])(?:\uD83C[\uDFFB\uDFFC\uDFFE\uDFFF])|\uD83D\uDC69\uD83C\uDFFC\u200D\uD83E\uDD1D\u200D(?:\uD83D[\uDC68\uDC69])(?:\uD83C[\uDFFB\uDFFD-\uDFFF])|\uD83D\uDC69\uD83C\uDFFB\u200D\uD83E\uDD1D\u200D(?:\uD83D[\uDC68\uDC69])(?:\uD83C[\uDFFC-\uDFFF])|\uD83D\uDC69\u200D\uD83D\uDC66\u200D\uD83D\uDC66|\uD83D\uDC69\u200D\uD83D\uDC69\u200D(?:\uD83D[\uDC66\uDC67])|(?:\uD83D\uDC41\uFE0F\u200D\uD83D\uDDE8|\uD83D\uDC69(?:\uD83C\uDFFF\u200D[\u2695\u2696\u2708]|\uD83C\uDFFE\u200D[\u2695\u2696\u2708]|\uD83C\uDFFD\u200D[\u2695\u2696\u2708]|\uD83C\uDFFC\u200D[\u2695\u2696\u2708]|\uD83C\uDFFB\u200D[\u2695\u2696\u2708]|\u200D[\u2695\u2696\u2708])|\uD83C\uDFF3\uFE0F\u200D\u26A7|\uD83E\uDDD1(?:(?:\uD83C[\uDFFB-\uDFFF])\u200D[\u2695\u2696\u2708]|\u200D[\u2695\u2696\u2708])|\uD83D\uDC3B\u200D\u2744|(?:\uD83C[\uDFC3\uDFC4\uDFCA]|\uD83D[\uDC6E\uDC70\uDC71\uDC73\uDC77\uDC81\uDC82\uDC86\uDC87\uDE45-\uDE47\uDE4B\uDE4D\uDE4E\uDEA3\uDEB4-\uDEB6]|\uD83E[\uDD26\uDD35\uDD37-\uDD39\uDD3D\uDD3E\uDDB8\uDDB9\uDDCD-\uDDCF\uDDD6-\uDDDD])(?:\uD83C[\uDFFB-\uDFFF])\u200D[\u2640\u2642]|(?:\u26F9|\uD83C[\uDFCB\uDFCC]|\uD83D\uDD75)(?:\uFE0F\u200D[\u2640\u2642]|(?:\uD83C[\uDFFB-\uDFFF])\u200D[\u2640\u2642])|\uD83C\uDFF4\u200D\u2620|(?:\uD83C[\uDFC3\uDFC4\uDFCA]|\uD83D[\uDC6E-\uDC71\uDC73\uDC77\uDC81\uDC82\uDC86\uDC87\uDE45-\uDE47\uDE4B\uDE4D\uDE4E\uDEA3\uDEB4-\uDEB6]|\uD83E[\uDD26\uDD35\uDD37-\uDD39\uDD3C-\uDD3E\uDDB8\uDDB9\uDDCD-\uDDCF\uDDD6-\uDDDF])\u200D[\u2640\u2642])\uFE0F|\uD83D\uDC69\u200D\uD83D\uDC67\u200D(?:\uD83D[\uDC66\uDC67])|\uD83C\uDFF3\uFE0F\u200D\uD83C\uDF08|\uD83D\uDC69\u200D\uD83D\uDC67|\uD83D\uDC69\u200D\uD83D\uDC66|\uD83D\uDC15\u200D\uD83E\uDDBA|\uD83C\uDDFD\uD83C\uDDF0|\uD83C\uDDF6\uD83C\uDDE6|\uD83C\uDDF4\uD83C\uDDF2|\uD83D\uDC08\u200D\u2B1B|\uD83E\uDDD1(?:\uD83C[\uDFFB-\uDFFF])|\uD83D\uDC69(?:\uD83C[\uDFFB-\uDFFF])|\uD83C\uDDFF(?:\uD83C[\uDDE6\uDDF2\uDDFC])|\uD83C\uDDFE(?:\uD83C[\uDDEA\uDDF9])|\uD83C\uDDFC(?:\uD83C[\uDDEB\uDDF8])|\uD83C\uDDFB(?:\uD83C[\uDDE6\uDDE8\uDDEA\uDDEC\uDDEE\uDDF3\uDDFA])|\uD83C\uDDFA(?:\uD83C[\uDDE6\uDDEC\uDDF2\uDDF3\uDDF8\uDDFE\uDDFF])|\uD83C\uDDF9(?:\uD83C[\uDDE6\uDDE8\uDDE9\uDDEB-\uDDED\uDDEF-\uDDF4\uDDF7\uDDF9\uDDFB\uDDFC\uDDFF])|\uD83C\uDDF8(?:\uD83C[\uDDE6-\uDDEA\uDDEC-\uDDF4\uDDF7-\uDDF9\uDDFB\uDDFD-\uDDFF])|\uD83C\uDDF7(?:\uD83C[\uDDEA\uDDF4\uDDF8\uDDFA\uDDFC])|\uD83C\uDDF5(?:\uD83C[\uDDE6\uDDEA-\uDDED\uDDF0-\uDDF3\uDDF7-\uDDF9\uDDFC\uDDFE])|\uD83C\uDDF3(?:\uD83C[\uDDE6\uDDE8\uDDEA-\uDDEC\uDDEE\uDDF1\uDDF4\uDDF5\uDDF7\uDDFA\uDDFF])|\uD83C\uDDF2(?:\uD83C[\uDDE6\uDDE8-\uDDED\uDDF0-\uDDFF])|\uD83C\uDDF1(?:\uD83C[\uDDE6-\uDDE8\uDDEE\uDDF0\uDDF7-\uDDFB\uDDFE])|\uD83C\uDDF0(?:\uD83C[\uDDEA\uDDEC-\uDDEE\uDDF2\uDDF3\uDDF5\uDDF7\uDDFC\uDDFE\uDDFF])|\uD83C\uDDEF(?:\uD83C[\uDDEA\uDDF2\uDDF4\uDDF5])|\uD83C\uDDEE(?:\uD83C[\uDDE8-\uDDEA\uDDF1-\uDDF4\uDDF6-\uDDF9])|\uD83C\uDDED(?:\uD83C[\uDDF0\uDDF2\uDDF3\uDDF7\uDDF9\uDDFA])|\uD83C\uDDEC(?:\uD83C[\uDDE6\uDDE7\uDDE9-\uDDEE\uDDF1-\uDDF3\uDDF5-\uDDFA\uDDFC\uDDFE])|\uD83C\uDDEB(?:\uD83C[\uDDEE-\uDDF0\uDDF2\uDDF4\uDDF7])|\uD83C\uDDEA(?:\uD83C[\uDDE6\uDDE8\uDDEA\uDDEC\uDDED\uDDF7-\uDDFA])|\uD83C\uDDE9(?:\uD83C[\uDDEA\uDDEC\uDDEF\uDDF0\uDDF2\uDDF4\uDDFF])|\uD83C\uDDE8(?:\uD83C[\uDDE6\uDDE8\uDDE9\uDDEB-\uDDEE\uDDF0-\uDDF5\uDDF7\uDDFA-\uDDFF])|\uD83C\uDDE7(?:\uD83C[\uDDE6\uDDE7\uDDE9-\uDDEF\uDDF1-\uDDF4\uDDF6-\uDDF9\uDDFB\uDDFC\uDDFE\uDDFF])|\uD83C\uDDE6(?:\uD83C[\uDDE8-\uDDEC\uDDEE\uDDF1\uDDF2\uDDF4\uDDF6-\uDDFA\uDDFC\uDDFD\uDDFF])|[#\*0-9]\uFE0F\u20E3|(?:\uD83C[\uDFC3\uDFC4\uDFCA]|\uD83D[\uDC6E\uDC70\uDC71\uDC73\uDC77\uDC81\uDC82\uDC86\uDC87\uDE45-\uDE47\uDE4B\uDE4D\uDE4E\uDEA3\uDEB4-\uDEB6]|\uD83E[\uDD26\uDD35\uDD37-\uDD39\uDD3D\uDD3E\uDDB8\uDDB9\uDDCD-\uDDCF\uDDD6-\uDDDD])(?:\uD83C[\uDFFB-\uDFFF])|(?:\u26F9|\uD83C[\uDFCB\uDFCC]|\uD83D\uDD75)(?:\uD83C[\uDFFB-\uDFFF])|(?:[\u261D\u270A-\u270D]|\uD83C[\uDF85\uDFC2\uDFC7]|\uD83D[\uDC42\uDC43\uDC46-\uDC50\uDC66\uDC67\uDC6B-\uDC6D\uDC72\uDC74-\uDC76\uDC78\uDC7C\uDC83\uDC85\uDCAA\uDD74\uDD7A\uDD90\uDD95\uDD96\uDE4C\uDE4F\uDEC0\uDECC]|\uD83E[\uDD0C\uDD0F\uDD18-\uDD1C\uDD1E\uDD1F\uDD30-\uDD34\uDD36\uDD77\uDDB5\uDDB6\uDDBB\uDDD2-\uDDD5])(?:\uD83C[\uDFFB-\uDFFF])|(?:[\u231A\u231B\u23E9-\u23EC\u23F0\u23F3\u25FD\u25FE\u2614\u2615\u2648-\u2653\u267F\u2693\u26A1\u26AA\u26AB\u26BD\u26BE\u26C4\u26C5\u26CE\u26D4\u26EA\u26F2\u26F3\u26F5\u26FA\u26FD\u2705\u270A\u270B\u2728\u274C\u274E\u2753-\u2755\u2757\u2795-\u2797\u27B0\u27BF\u2B1B\u2B1C\u2B50\u2B55]|\uD83C[\uDC04\uDCCF\uDD8E\uDD91-\uDD9A\uDDE6-\uDDFF\uDE01\uDE1A\uDE2F\uDE32-\uDE36\uDE38-\uDE3A\uDE50\uDE51\uDF00-\uDF20\uDF2D-\uDF35\uDF37-\uDF7C\uDF7E-\uDF93\uDFA0-\uDFCA\uDFCF-\uDFD3\uDFE0-\uDFF0\uDFF4\uDFF8-\uDFFF]|\uD83D[\uDC00-\uDC3E\uDC40\uDC42-\uDCFC\uDCFF-\uDD3D\uDD4B-\uDD4E\uDD50-\uDD67\uDD7A\uDD95\uDD96\uDDA4\uDDFB-\uDE4F\uDE80-\uDEC5\uDECC\uDED0-\uDED2\uDED5-\uDED7\uDEEB\uDEEC\uDEF4-\uDEFC\uDFE0-\uDFEB]|\uD83E[\uDD0C-\uDD3A\uDD3C-\uDD45\uDD47-\uDD78\uDD7A-\uDDCB\uDDCD-\uDDFF\uDE70-\uDE74\uDE78-\uDE7A\uDE80-\uDE86\uDE90-\uDEA8\uDEB0-\uDEB6\uDEC0-\uDEC2\uDED0-\uDED6])|(?:[#\*0-9\xA9\xAE\u203C\u2049\u2122\u2139\u2194-\u2199\u21A9\u21AA\u231A\u231B\u2328\u23CF\u23E9-\u23F3\u23F8-\u23FA\u24C2\u25AA\u25AB\u25B6\u25C0\u25FB-\u25FE\u2600-\u2604\u260E\u2611\u2614\u2615\u2618\u261D\u2620\u2622\u2623\u2626\u262A\u262E\u262F\u2638-\u263A\u2640\u2642\u2648-\u2653\u265F\u2660\u2663\u2665\u2666\u2668\u267B\u267E\u267F\u2692-\u2697\u2699\u269B\u269C\u26A0\u26A1\u26A7\u26AA\u26AB\u26B0\u26B1\u26BD\u26BE\u26C4\u26C5\u26C8\u26CE\u26CF\u26D1\u26D3\u26D4\u26E9\u26EA\u26F0-\u26F5\u26F7-\u26FA\u26FD\u2702\u2705\u2708-\u270D\u270F\u2712\u2714\u2716\u271D\u2721\u2728\u2733\u2734\u2744\u2747\u274C\u274E\u2753-\u2755\u2757\u2763\u2764\u2795-\u2797\u27A1\u27B0\u27BF\u2934\u2935\u2B05-\u2B07\u2B1B\u2B1C\u2B50\u2B55\u3030\u303D\u3297\u3299]|\uD83C[\uDC04\uDCCF\uDD70\uDD71\uDD7E\uDD7F\uDD8E\uDD91-\uDD9A\uDDE6-\uDDFF\uDE01\uDE02\uDE1A\uDE2F\uDE32-\uDE3A\uDE50\uDE51\uDF00-\uDF21\uDF24-\uDF93\uDF96\uDF97\uDF99-\uDF9B\uDF9E-\uDFF0\uDFF3-\uDFF5\uDFF7-\uDFFF]|\uD83D[\uDC00-\uDCFD\uDCFF-\uDD3D\uDD49-\uDD4E\uDD50-\uDD67\uDD6F\uDD70\uDD73-\uDD7A\uDD87\uDD8A-\uDD8D\uDD90\uDD95\uDD96\uDDA4\uDDA5\uDDA8\uDDB1\uDDB2\uDDBC\uDDC2-\uDDC4\uDDD1-\uDDD3\uDDDC-\uDDDE\uDDE1\uDDE3\uDDE8\uDDEF\uDDF3\uDDFA-\uDE4F\uDE80-\uDEC5\uDECB-\uDED2\uDED5-\uDED7\uDEE0-\uDEE5\uDEE9\uDEEB\uDEEC\uDEF0\uDEF3-\uDEFC\uDFE0-\uDFEB]|\uD83E[\uDD0C-\uDD3A\uDD3C-\uDD45\uDD47-\uDD78\uDD7A-\uDDCB\uDDCD-\uDDFF\uDE70-\uDE74\uDE78-\uDE7A\uDE80-\uDE86\uDE90-\uDEA8\uDEB0-\uDEB6\uDEC0-\uDEC2\uDED0-\uDED6])\uFE0F|(?:[\u261D\u26F9\u270A-\u270D]|\uD83C[\uDF85\uDFC2-\uDFC4\uDFC7\uDFCA-\uDFCC]|\uD83D[\uDC42\uDC43\uDC46-\uDC50\uDC66-\uDC78\uDC7C\uDC81-\uDC83\uDC85-\uDC87\uDC8F\uDC91\uDCAA\uDD74\uDD75\uDD7A\uDD90\uDD95\uDD96\uDE45-\uDE47\uDE4B-\uDE4F\uDEA3\uDEB4-\uDEB6\uDEC0\uDECC]|\uD83E[\uDD0C\uDD0F\uDD18-\uDD1F\uDD26\uDD30-\uDD39\uDD3C-\uDD3E\uDD77\uDDB5\uDDB6\uDDB8\uDDB9\uDDBB\uDDCD-\uDDCF\uDDD1-\uDDDD])/g37:[{"id":"d56709f03a3384e36dbdbc6d7bad90f01f6b08f08bf335711ee592b5534918cad3ebe52d3de38ebb4cf005c76fe86d4d7d553f7555ab58043e24dea6f984d465","href":"https://static.observableusercontent.com/files/d56709f03a3384e36dbdbc6d7bad90f01f6b08f08bf335711ee592b5534918cad3ebe52d3de38ebb4cf005c76fe86d4d7d553f7555ab58043e24dea6f984d465","name":"stats.json","type":"application/json","lastModified":1587138728844.603,"size":428},{"id":"5f94ed3c312f6b533628610d912463527573f7b8168707c946418477c53ac142f95fd0815d5666d7787f50f32780bc7a25fdd03085fe1413f888f9768d120739","href":"https://static.observableusercontent.com/files/5f94ed3c312f6b533628610d912463527573f7b8168707c946418477c53ac142f95fd0815d5666d7787f50f32780bc7a25fdd03085fe1413f888f9768d120739","name":"stops.txt","type":"text/plain","lastModified":1587138728844.603,"size":621},{"id":"c04186e9eebd659799af68b219e92b67d8cd7177ce439a8bb3032506e202f100c7664d75c047e5f6b72313e3dd231a18822bbd173464139385e0df0c2bd899d5","href":"https://static.observableusercontent.com/files/c04186e9eebd659799af68b219e92b67d8cd7177ce439a8bb3032506e202f100c7664d75c047e5f6b72313e3dd231a18822bbd173464139385e0df0c2bd899d5","name":"my_stop.txt","type":"text/plain","lastModified":1587138728844.603,"size":285},{"id":"5f7133287aa989200465185f82d0bbe3b3cb13c9f079001e5452ed50ed3872b33b2f24f9cb4177f95a592776e68f371c64505a82da6287e2d0295d6872b1dac1","href":"https://static.observableusercontent.com/files/5f7133287aa989200465185f82d0bbe3b3cb13c9f079001e5452ed50ed3872b33b2f24f9cb4177f95a592776e68f371c64505a82da6287e2d0295d6872b1dac1","name":"audios.json","type":"application/json","lastModified":1587138977584.575,"size":32985},{"id":"2bac0a3f298f70188118f5a6e3e12371d533e2e15d2a80cc358a8ddd9aaf95ef1cf0fc425897f0a474c2eb5af02326d13eb857fe735942d532e082e2ca79c5f8","href":"https://static.observableusercontent.com/files/2bac0a3f298f70188118f5a6e3e12371d533e2e15d2a80cc358a8ddd9aaf95ef1cf0fc425897f0a474c2eb5af02326d13eb857fe735942d532e082e2ca79c5f8","name":"top_words.json","type":"application/json","lastModified":1587138800986.827,"size":15086},{"id":"af61e40e30746c9f565a69a5a0e0f93dbb707ec8ed1e040bd7ad3dbaf94b6a67f1a9e4ff7ac7c47565bfd17389cfed5832f5c661a405fe8e812a178b679ff512","href":"https://static.observableusercontent.com/files/af61e40e30746c9f565a69a5a0e0f93dbb707ec8ed1e040bd7ad3dbaf94b6a67f1a9e4ff7ac7c47565bfd17389cfed5832f5c661a405fe8e812a178b679ff512","name":"untitled.json","type":"application/json","lastModified":1587138887456.067,"size":869500},{"id":"c8b1b91fc6a3aacb64748d8ec969178641b3c99d8504d216d0942834b736f947b4fb9dded1c141622af6e757c150a2c1e370dac3a026d6634158bc3f9dab9323","href":"https://static.observableusercontent.com/files/c8b1b91fc6a3aacb64748d8ec969178641b3c99d8504d216d0942834b736f947b4fb9dded1c141622af6e757c150a2c1e370dac3a026d6634158bc3f9dab9323","name":"images.json","type":"application/json","lastModified":1587138975538.277,"size":17101},{"id":"4fe8e35e5030890d257055f896a18958ae943dd5ff6fc7caf654848ac7d8c7213bb7ccac57e90fbce1e684ab1b3634ff256a362d3813a301b1877a7cb06006ff","href":"https://static.observableusercontent.com/files/4fe8e35e5030890d257055f896a18958ae943dd5ff6fc7caf654848ac7d8c7213bb7ccac57e90fbce1e684ab1b3634ff256a362d3813a301b1877a7cb06006ff","name":"daily_minute.json","type":"application/json","lastModified":1587139291382.088,"size":132580}] 2e:{"title":"Quarantexting","cells":[{"id":0,"value":"md`# Quarantexting`","pinned":false,"hidden":false,"mode":"ojs"},{"id":5,"value":"md`## two individuals, one global pandemic.`","pinned":false,"hidden":false,"mode":"ojs"},{"id":1553,"value":"md`I exported a month of my WhatsApp chat log with a friend as we navigate spending all day at home using only our phones to connect to the outside world. Here are the findings.`","pinned":false,"hidden":false,"mode":"ojs"},{"id":769,"value":"md`---`","pinned":false,"hidden":false,"mode":"ojs"},{"id":776,"value":"md`### Visualizations`","pinned":false,"hidden":false,"mode":"ojs"},{"id":265,"value":"md`Who Sends More of What?`","pinned":false,"hidden":false,"mode":"ojs"},{"id":1659,"value":"html`Fixed Length Bars Positioned According to Proportion of Total`","pinned":false,"hidden":false,"mode":"ojs"},{"id":662,"value":"sliderChart(stats, 0.85)","pinned":false,"hidden":false,"mode":"ojs"},{"id":1535,"value":"md`> I like stickers and videos, whereas she tends to express herself relatively more often using emojis and GIFS. I tend to be a bit more verbose, where she prefers shorter messages at a higher frequency.\n

`","pinned":false,"hidden":false,"mode":"ojs"},{"id":861,"value":"md`When Do We Chat?`","pinned":false,"hidden":false,"mode":"ojs"},{"id":1656,"value":"html`Message Frequency by Day and Minute`","pinned":false,"hidden":false,"mode":"ojs"},{"id":884,"value":"heatMap(daily_minute)","pinned":false,"hidden":false,"mode":"ojs"},{"id":1542,"value":"md`> Considering we both work during the day, and I wake up relatively late, we don't usually chat until the late evening and before bed.

`","pinned":false,"hidden":false,"mode":"ojs"},{"id":1142,"value":"md`Who Responds Faster?`","pinned":false,"hidden":false,"mode":"ojs"},{"id":1598,"value":"html`LSI`","pinned":false,"hidden":false,"mode":"ojs"},{"id":1333,"value":"{ \n \n const svg = d3.create(\"svg\"),\n components = gridLayout(4, 4, 25, true),\n override_ht = 400;\n \n svg.attr(\"viewBox\", [0, 0, components.outer_width, override_ht + 25]);\n \n lsi_bins.forEach((b, i) => {\n svg\n .append(\"g\")\n .datum(components.items[i])\n .attr(\"transform\", d => `translate(${d.x}, ${d.y})`)\n .call(g => g.node().append(\n responseHistogram(b, b.axis_extent, b.ticks, b.label, b.pct, b.axis_label, b.format, colorScheme(0.55))\n ))\n })\n \n return svg.node();\n \n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":1605,"value":"md`
`","pinned":false,"hidden":false,"mode":"ojs"},{"id":1602,"value":"html`MYS`","pinned":false,"hidden":false,"mode":"ojs"},{"id":1371,"value":"{ \n \n const svg = d3.create(\"svg\"),\n components = gridLayout(4, 4, 25, true),\n override_ht = 400;\n \n svg.attr(\"viewBox\", [0, 0, components.outer_width, override_ht + 25]);\n \n mys_bins.forEach((b, i) => {\n svg\n .append(\"g\")\n .datum(components.items[i])\n .attr(\"transform\", d => `translate(${d.x}, ${d.y})`)\n .call(g => g.node().append(\n responseHistogram(b, b.axis_extent, b.ticks, b.label, b.pct, b.axis_label, b.format, colorScheme(0.85))\n ))\n })\n \n return svg.node();\n \n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":1547,"value":"md`> My average and median response times are about two seconds faster. My median is 11 to her 13 seconds, my average is 221 to her 223 seconds. Additionally impressive considering English is not her mother tongue.

`","pinned":false,"hidden":false,"mode":"ojs"},{"id":782,"value":"md`Who Says What?`","pinned":false,"hidden":false,"mode":"ojs"},{"id":1152,"value":"html`Top 250 Words by Frequency of Combined Usage`","pinned":false,"hidden":false,"mode":"ojs"},{"id":789,"value":"wordChart(top_words, 0.80)","pinned":false,"hidden":false,"mode":"ojs"},{"id":1557,"value":"md`> This chart is just amazing to me, I wish I could figure out a better form factor to communicate more data in a more compact space. I use a lot of ambiguous language like \"pretty,\" \"okay,\" \"little,\" \"sort [of],\", \"around.\" She tends to use more direct, firm language such as \"definitely,\" \"exactly,\" \"true,\" \"least,\" \"perfect.\"`","pinned":false,"hidden":false,"mode":"ojs"},{"id":1565,"value":"md`> Some appearances are a simple question of how we use English differently. She prefers to say \"ok,\" whereas I say \"okay.\" I say \"cause,\" she says \"because,\" I say \"yeah,\" she says \"yes.\" Going deeper into the data (words 250 - 1000), you can start to see sentiments emerge.

`","pinned":false,"hidden":false,"mode":"ojs"},{"id":193,"value":"html`All Messages by Day`","pinned":false,"hidden":false,"mode":"ojs"},{"id":54,"value":"bar_chart_texts = barChart(processed, 0.8)","pinned":false,"hidden":false,"mode":"ojs"},{"id":196,"value":"html`Audio Messages by Day`","pinned":false,"hidden":false,"mode":"ojs"},{"id":200,"value":"bar_chart_audios = barChart(audios, 0.6)","pinned":false,"hidden":false,"mode":"ojs"},{"id":259,"value":"html`Images by Day`","pinned":false,"hidden":false,"mode":"ojs"},{"id":253,"value":"bar_chart_images = barChart(images, 0.4)","pinned":false,"hidden":false,"mode":"ojs"},{"id":1571,"value":"md`> Mostly I'm stunned by the sheer volume of our communication; over 17,000 messages in 30-ish days. Made for a very interesting dataset. Will do a version with a conversation in Spanish some time to see what differences occur. Thanks for reading.`","pinned":false,"hidden":false,"mode":"ojs"},{"id":964,"value":"md`---`","pinned":false,"hidden":false,"mode":"ojs"},{"id":1575,"value":"md`## Appendix

`","pinned":false,"hidden":false,"mode":"ojs"},{"id":30,"value":"md`### Data`","pinned":false,"hidden":false,"mode":"ojs"},{"id":33,"value":"processed = await FileAttachment(\"untitled.json\").json()","pinned":false,"hidden":false,"mode":"ojs"},{"id":1632,"value":"audios = await FileAttachment(\"audios.json\").json()","pinned":false,"hidden":false,"mode":"ojs"},{"id":1634,"value":"images = await FileAttachment(\"images.json\").json()","pinned":false,"hidden":false,"mode":"ojs"},{"id":516,"value":"top_words = await FileAttachment(\"top_words.json\").json()","pinned":false,"hidden":false,"mode":"ojs"},{"id":545,"value":"stats = await FileAttachment(\"stats.json\").json()","pinned":false,"hidden":false,"mode":"ojs"},{"id":865,"value":"daily_minute = await FileAttachment(\"daily_minute.json\").json()","pinned":false,"hidden":false,"mode":"ojs"},{"id":1007,"value":"lsi_bins = binResponseTimes(responseTimeArray(processed.slice(1), \"LSI\"))","pinned":false,"hidden":false,"mode":"ojs"},{"id":1054,"value":"mys_bins = binResponseTimes(responseTimeArray(processed.slice(1), \"MYS\"))","pinned":false,"hidden":false,"mode":"ojs"},{"id":452,"value":"stop_words = {\n let default_stop = await FileAttachment(\"stops.txt\").text().then(w => w.split(\"\\n\"))\n let custom_stop = await FileAttachment(\"my_stop.txt\").text().then(w => w.split(\"\\n\"))\n return default_stop.concat(custom_stop).concat([\"wasn\"])\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":291,"value":"md`### Chart Functions`","pinned":false,"hidden":false,"mode":"ojs"},{"id":654,"value":"$30","pinned":false,"hidden":false,"mode":"ojs"},{"id":294,"value":"$31","pinned":false,"hidden":false,"mode":"ojs"},{"id":880,"value":"$32","pinned":false,"hidden":false,"mode":"ojs"},{"id":1160,"value":"$33","pinned":false,"hidden":false,"mode":"ojs"},{"id":779,"value":"$34","pinned":false,"hidden":false,"mode":"ojs"},{"id":14,"value":"md`### Utility Functions`","pinned":false,"hidden":false,"mode":"ojs"},{"id":1076,"value":"$35","pinned":false,"hidden":false,"mode":"ojs"},{"id":994,"value":"responseTimeArray = function (data, response_time_to) {\n \n let responseSeconds = (date1, date2) => {\n return 1e-3 * (date2.getTime() - date1.getTime())\n }\n \n // get indexes\n \n let temp1 = data.map((d,i) => {\n if (d.author !== response_time_to) \n return i\n }).filter(d => d !== undefined)\n \n // get gaps\n \n let temp2 = temp1.map((d, i) => {\n if (temp1[i+1] !== d + 1 && i != temp1.length - 1)\n return d\n }).filter(d => d !== undefined)\n \n // get response time\n \n return temp2.map(d => {\n let d1 = new Date(data[d].date), \n d2 = new Date(data[d+1].date)\n return responseSeconds(d1, d2)\n }).filter(d => d > 0)\n \n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":401,"value":"wordCount = (m) => m.replace(emoji_regex, \"\").trim().split(\" \")","pinned":false,"hidden":false,"mode":"ojs"},{"id":596,"value":"regexWordCount = (data) => {\n return d3.mean(data.map(d => wordCount(d.message).length))\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":549,"value":"simpleWordCount = (data) => {\n return d3.mean(data.map(d => d.message.split(\" \").length))\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":554,"value":"averageWordLength = (data) => {\n \n let word_len_arr = data.map(d => d.message.match(word_regex)).map(dd => {\n let char_count = 0;\n if (dd != null) {\n dd.forEach(w => char_count += w.length)\n return char_count / dd.length\n }\n }) \n \n return d3.mean(word_len_arr)\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":578,"value":"emojiCount = (data) => {\n return d3.sum(data.map(d => (d.message.match(emoji_regex) || []).length)) \n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":355,"value":"mediaCount = (data, media_tag) => {\n return data.filter(d => d.message.includes(media_tag)).length\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":473,"value":"wordCounter = function (data) {\n let words = new Map();\n data.forEach(m => {\n let word_array = m.message.match(word_regex)\n if (word_array != null) {\n word_array.forEach(w => {\n if (!stop_words.includes(w.toLowerCase())) {\n if (!words.get(w.toLowerCase()))\n words.set(w.toLowerCase(), 1)\n else\n words.set(w.toLowerCase(), words.get(w.toLowerCase()) + 1)\n }\n })\n }\n })\n return words\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":1529,"value":"colorScheme = d3.interpolateGreys","pinned":false,"hidden":false,"mode":"ojs"},{"id":17,"value":"preprocess = () => {\n \n// Just saving this here - preprocessed the data via node\n \nconst fs = require('fs');\nconst whatsapp = require('whatsapp-chat-parser');\n\nconst fileContents = fs.readFileSync('Chat_MS.txt', 'utf8');\n\nconst parseAttachments = (m) => {\n return m\n .replace(\"\\r\", \"\")\n .replace(\"audio omitted\", \"__audio__\")\n .replace(\"image omitted\", \"__image__\")\n .replace(\"video omitted\", \"__video__\")\n .replace(\"sticker omitted\", \"__sticker__\")\n .replace(\"Contact card omitted\", \"__contact__\")\n .replace(\"GIF omitted\", \"__gif__\")\n}\n\nwhatsapp\n .parseString(fileContents, false)\n .then(messages => {\n messages.map(function (d) {\n var temp = parseAttachments(d.message)\n d.message = temp\n return d\n })\n var json_messages = JSON.stringify(messages)\n fs.writeFile(\"parsed.json\", json_messages, 'utf8', () => {\n console.log(\"Wrote to file.\")\n })\n })\n .catch(err => {\n console.error(err)\n });\n \n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":325,"value":"$36","pinned":false,"hidden":false,"mode":"ojs"},{"id":434,"value":"word_regex = /\\b[-?(\\w+)?]+\\b/gi","pinned":false,"hidden":false,"mode":"ojs"},{"id":24,"value":"md`### Libraries`","pinned":false,"hidden":false,"mode":"ojs"},{"id":27,"value":"d3 = require(\"d3@5\", \"d3-array@2.2\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":1330,"value":"import {gridLayout} from \"@luciyer/grid-layout\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":270,"value":"html`\n\n`","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W37","stdlib":"1","titling":"auto"}