31:T5eb,92% of the world’s online population use emoji — but which emoji are we using? Well, it appears that reports of Tears of Joy’s death are greatly exaggerated 😂. According to data collected by the Unicode Consortium, the not-for-profit organization responsible for digitizing the world’s languages, Tears of Joy accounts for over 5% of all emoji use (the only other character that comes close is ❤️ and there is a steeeeeep cliff after that). The top ten emoji used worldwide are 😂 ❤️ 🤣 👍 😭 🙏 😘 🥰 😍 😊. This collection of mostly positive vibes may seem familiar — it is not terribly different from [the last time this data was published in 2019](http://blog.unicode.org/2019/10/the-most-frequent-emoji.html). As infinitely creative and diverse as the world is, the top 100 emoji comprise ~82% of total emoji shares. And yet …. There are 3,663 emoji. So, why does the Unicode Emoji Subcommittee keep [reviewing proposals](https://jenniferdaniel.substack.com/p/hello-old-friend-) and adding new ones? 😵‍💫 This existential question haunts the subcommittee 👻. So, they set out to understand popularity on a more granular level: What are the most frequently used emoji? What do they have in common? Do we have too much of one type but not enough of another? How do we interpret the 83-spot leap (from 97 to 14!) in the use of Pleading Face 🥺? Check out the changes using the interactive tools of the #UnicodeEmojiMirror Project and share your observations! 32:T1df3,distortChart = { let rowSize = 30; let margin = { left: 10, right: 30, bottom: 10, top: 30 }; var height = 0; const defaultEmojiSize = 16 const focusedEmojiSize = 30 let toolTip = d3.select("body").append("div").attr("class", "toolTip") var getCoords = function(elem) { // crossbrowser version var box = elem.getBoundingClientRect(); var body = document.body; var docEl = document.documentElement; var scrollTop = window.pageYOffset || docEl.scrollTop || body.scrollTop; var scrollLeft = window.pageXOffset || docEl.scrollLeft || body.scrollLeft; var clientTop = docEl.clientTop || body.clientTop || 0; var clientLeft = docEl.clientLeft || body.clientLeft || 0; var top = box.top + scrollTop - clientTop; var left = box.left + scrollLeft - clientLeft; return { top: Math.round(top), left: Math.round(left) }; } for (var i = 0; i < latestYearByCategory.length; i++) { height += latestYearByCategory[i].subcategories.length * rowSize; } height += margin.top + margin.bottom; const svg = d3.create("svg").attr("width", width).attr("height", height); let g = svg .append("g") .attr("transform", `translate(${margin.left}, ${margin.top})`); // let rankExtent = (function () { // if (filteredCategory === "All") { // return d3.extent(data.map((d) => d.rank)); // } else { // return d3.extent( // latestYearByCategory // .map((d) => d.emojis) // .flat() // .map((d) => d.rank) // ); // } // })(); let extent = d3.extent( latestYearByCategory .map((d) => d.subcategories) .flat() .map((d) => d.emojis) .flat(), (d) => d.rank ); let xScale = d3 .scaleLinear() .domain(extent) // TODO make this dynamic .range([310, width - margin.right - margin.left]); // let xFisheye = (d) => fisheye(xScale(d.rank)); let table = g .append("g") .attr("class", "emojis") .attr("transform", `translate(0, 0)`); // .attr("cellspacing", "2") // .attr("cellpadding", 3); // headers let first_row = table.append("g"); first_row .append("text") .text("CATEGORY") .attr("transform", "translate(0, 0)") .style("font-size", "12") .style("font-weight", "bold") .style("font-family", "sans-serif") .style("fill", "#444"); first_row .append("text") .text("SUBCATEGORY") .attr("transform", "translate(120, 0)") .style("font-size", "12") .style("font-weight", "bold") .style("font-family", "sans-serif") .style("fill", "#444"); let rankHeader = first_row .append("g") .attr("transform", "translate(270, 0)") .style("font-size", "12") .style("font-family", "sans-serif") .style("font-weight", "bold") .style("fill", "#444"); first_row .append("line") .attr("x1", 0) .attr("x2", width) .attr("y1", rowSize * 0.25) .attr("y2", rowSize * 0.25) .style("stroke", "#444"); // rankHeader.append("text").text("Rank"); // body let tbody = table.append("g"); tbody.attr("transform", `translate(0, ${rowSize})`); let yOffset = 0; for (let i = 0; i < latestYearByCategory.length; i++) { let category = latestYearByCategory[i].category; let subcategories = latestYearByCategory[i].subcategories; for (var j = 0; j < subcategories.length; j++) { let row = tbody .append("g") .attr("transform", `translate(0, ${j * rowSize + yOffset})`); let categoryCell = row .append("text") .style("font-size", "12") .style("font-family", "sans-serif") .style("fill", "#444") .attr("transform", `translate(0, 0)`); if (j === 0) { // handle long titles let splitCategory = category.split("&"); if (splitCategory.length > 1) { // insert part 1 categoryCell .text(splitCategory[0] + " &") .style("font-weight", "bold"); let categoryCell2 = row .append("text") .style("font-size", "12") .style("font-family", "sans-serif") .style("font-weight", "bold") .style("fill", "#444") .attr("transform", `translate(0,22)`) .text(splitCategory[1]); } else { categoryCell.text(category).style("font-weight", "bold"); } } row .append("line") .attr("x1", 120) .attr("x2", width) .attr("y1", rowSize * 0.25) .attr("y2", rowSize * 0.25) .style("stroke", "#eee"); let subcategoryCell = row.append("text"); subcategoryCell .attr("transform", "translate(120, 0)") .text(subcategories[j].subcategory) .style("font-size", "14") .style("color", "#444") .style("font-family", "sans-serif"); let rankCell = row.append("g").attr("transform", "translate(0, 0)"); let emojis = rankCell .selectAll(".emoji") .data(subcategories[j].emojis) .enter() .append("text") .text((d) => d.emoji) .style("font-size", `${defaultEmojiSize}px`) .style("text-anchor", "middle") .attr("transform", (d) => { return `translate(${xScale(d.rank)}, 0)`; }) .attr("class", "emoji") .attr("id", (d) => `rank-${d.rank}`) .style("pointer-events", "none"); // .append("title") // .text((d) => `year: ${d.year}, rank: ${d.rank} `); } yOffset += subcategories.length * rowSize; } // axis stuff let xAxisGenerator = d3.axisTop().scale(xScale).tickSizeOuter(0); let axis = table.append("g").attr("transform", "translate(0, 8)"); axis.call(xAxisGenerator).select(".domain").remove(); axis.selectAll("text").style("font-size", "11px"); var pointsSelection = []; svg.selectAll(".emoji").each(function (d) { let el = this.parentNode.parentNode; let transform = el.getAttribute("transform"); let y = transform.replace("translate(0, ", "").replace(")", ""); pointsSelection.push({ x: xScale(d.rank) + 5, y: +y + 30, data: d }); }); // console.log(pointsSelection); let voronoi = d3.Delaunay.from( pointsSelection, (d) => d.x, (d) => d.y + rowSize ).voronoi([300, margin.top, width, height]); // let svgOffset = svg.node().getBoundingClientRect(); var handleMouseOver = function (e, d) { let coords = getCoords(svg.node()); toolTip .style("left", coords.left + d.data.x + 22 + "px") .style("top", coords.top + d.data.y + 22 + "px") .style("display", "block") .html( `${d.data.data.name}
Rank: ${d.data.data.rank}` ); d3.select(`#rank-${d.data.data.rank}`) .raise() .transition() .duration(150) .style("font-size", `${focusedEmojiSize}px`); }; var handleMouseOut = function (e, d) { console.log(e, d); toolTip.style("display", "none"); // Hide toolTip d3.select(`#rank-${d.data.data.rank}`) .transition() .duration(150) .style("font-size", `${defaultEmojiSize}px`); }; const cells = svg .append("g") .selectAll("path") .data( pointsSelection.map((d, i) => { return { path: voronoi.renderCell(i), data: d }; }) ) .join("path") .attr("d", (d) => d.path) .attr("fill", "transparent") .attr("stroke", "lightgrey") .attr("stroke-width", 0) .attr("id", (d, i) => "js-cell-" + i) .attr("class", () => "js-cell") .on("mouseover", handleMouseOver) .on("mouseout", handleMouseOut); return svg.node(); }33:T5e8,Emoji patterns are pretty universal across the subcategories — top-ranked emoji consistently represent multiple concepts so they are used in a wider variety of situations. As an example, let's look at clothing emoji. The top used is crown 👑 while the emoji collecting cobwebs in your keyboard seem to lack non-literal uses (like clutch bag 👝, lab coat 🥼, and flat shoe 🥿). This is a pattern we see over and over again: Here's a small sampling of emoji that are top in their class:

🚀 Rocket Ship found in the Transport-air is symbolic of progress being made and anticipation of big changes.
💪 Flexed Biceps is the top Body-parts emoji (this subcategory excludes hands) and is commonly used to indicate strength, success, overcoming a struggle, exercise, showing off, boasting, or rolling up your sleeve to receive a vaccine.
💐 Bouquet of Plant-Flower for all occasions: congratulations, celebrations, and relationships of many varieties be they platonic or romantic.
🦋 Butterfly is the most common Animal emoji (found in the Animal-Bug subcategory) representative of change, beauty, nature, and transformation.
🤸 Person Doing Cartwheel may not be the most popular sport in the world but it is the most popular Person-Sport suggestive of happiness and joy. Editor's Note: I'm fond of pairing it with a blackhole when disaster is looming 🤸🕳️

34:T161e,changeChart = { let margin = { left: 5, top: 20, bottom: 40, right: 20 }; let rankExtent = d3.extent( grouped .slice(0, howManyToShow) .map((d) => [d.emojis2019.rank, d.emojis2021.rank]) .flat() ) let xScale = d3 .scaleLinear() .domain(rankExtent) .range([250, width - margin.right - margin.left]); let xAxisGenerator = d3.axisTop().scale(xScale).tickSizeOuter(0); let rowSize = 25; let tableHeight = howManyToShow * rowSize; const svg = d3 .create("svg") .attr("width", width) .attr("height", howManyToShow * rowSize); let defs = svg.append("defs"); let markerGreen = defs .append("marker") .attr("id", "arrowhead-green") .attr("markerWidth", "5") .attr("markerHeight", "3.5") .attr("refX", "0") .attr("refY", "1.75") .attr("orient", "auto"); let arrowGreen = markerGreen .append("polygon") .attr("points", "0 0, 3 1.75, 0 3.5") .style("fill", "green"); let markerRed = defs .append("marker") .attr("id", "arrowhead-red") .attr("markerWidth", "5") .attr("markerHeight", "3.5") .attr("refX", "0") .attr("refY", "1.75") .attr("orient", "auto"); let arrowRed = markerRed .append("polygon") .attr("points", "0 0, 3 1.75, 0 3.5") .style("fill", "red"); let container = svg .append("g") .attr("transform", `translate(${margin.left}, ${margin.top})`); container .append("text") .attr("transform", `translate(0 , -8)`) .text("RANK CHANGE FROM 2019-2021") .style("font-size", "12px") .style("font-weight", "bold") .style("font-family", "sans-serif") .style("fill", "#555"); let divider0 = container .append("line") .attr("x1", -margin.left) .attr("x2", width) .attr("y1", 0) .attr("y2", 0) .attr("class", "divider") .style("stroke-width", 1) .style("stroke", "#333"); let divider2 = container .append("line") .attr("x1", xScale.range()[0]) .attr("x2", xScale.range()[0]) .attr("y1", margin.top) .attr("y2", tableHeight - margin.bottom) .attr("class", "divider") .style("stroke-width", 1) .style("stroke", "#f7f7f7"); let xAxis = container .append("g") .call(xAxisGenerator) .selectAll("text") .style("font-size", 11); let groups = container .selectAll(".column") .data(grouped) .enter() .append("g") .attr("transform", (d, i) => { return `translate(0, ${i * rowSize + 5})`; }) .attr("class", "row"); let fills = groups .append("rect") .attr("transform", `translate(-${margin.left},0)`) .attr("height", rowSize) .attr("width", width) .style("fill", "#fff") .on("mouseover", (d) => { d3.select(d.target).style("fill", "#f0f0f0"); }) .on("mouseout", (d) => { d3.select(d.target).style("fill", "#fff"); }); // let divider1 = container // .append("line") // .attr("x1", xScale(100)) // .attr("x2", xScale(100)) // .attr("y1", 0) // .attr("y2", tableHeight - margin.bottom) // .attr("class", "divider") // .style("stroke-width", 2) // .style("stroke", "#ddd"); let lines = groups .append("line") .attr("stroke-width", 2) .attr("x1", (d) => { return xScale(d.emojis2019.rank); }) .attr("x2", (d) => { return xScale(d.emojis2021.rank); }) .attr("y1", rowSize / 2) .attr("y2", rowSize / 2) .style("stroke", (d) => { if (d.emojis2021.rank > d.emojis2019.rank) { return "red"; } else { return "green"; } }) .attr("marker-end", (d) => { if (d.emojis2021.rank > d.emojis2019.rank) { return "url(#arrowhead-red)"; } else if (d.emojis2021.rank < d.emojis2019.rank) { return "url(#arrowhead-green)"; } else { return ""; } }) .style("pointer-events", "none"); groups .append("circle") .attr("cx", (d) => { return xScale(d.emojis2019.rank); }) .attr("r", 3) .attr("cy", rowSize / 2) // .style("fill", "#999"); .style("fill", (d) => { if (d.emojis2021.rank > d.emojis2019.rank) { return "red"; } else { return "green"; } }) .style("pointer-events", "none"); groups .append("line") .attr("x1", -margin.left) .attr("x2", width) .attr("y1", rowSize) .attr("y2", rowSize) .style("stroke", "#e7e7e7") .style("stroke-width", "1") .style("pointer-events", "none"); let emojis = groups .append("text") .text((d) => { // debugger; return d.emojis2021.emoji + ""; }) .attr("transform", "translate(3, 4)") .attr("dy", rowSize / 2) .style("font-size", 14) .style("font-family", "sans-serif") .style("pointer-events", "none"); let labels = groups .append("text") .text((d) => { // debugger; return d.emojis2021.name; }) .style("font-size", 14) // .attr("dx", xScale.bandwidth() / 4) .attr("dy", rowSize / 2) // .attr("text-anchor", "end") .attr("transform", "translate(33, 4)") .style("font-family", "sans-serif") .style("fill", "#666") .style("pointer-events", "none"); let ranks = groups .append("text") .text((d) => { return d.emojis2021.rank; // return d.emojis2021.rank - d.emojis2019.rank; }) .style("font-size", 14) // .attr("dx", xScale.bandwidth() / 4) .attr("dy", rowSize / 2) .attr("text-anchor", "end") .attr("transform", (d) => { return `translate(-5, 4)`; }) .style("fill", "#666") .style("font-family", "sans-serif"); return svg.node(); }35:T65a,While it would be easy to dramatize what’s hot and what’s not, the reality is that the emoji dropping out of the top 100 were already fairly borderline, ranking in the 90s, and didn’t drop far. (Auf Wiedersehen tiny dancer 💃, talk to the hand, ✋. It was such an unlucky year, even 🍀 dropped out of favor.) Most emoji remain fairly close to their 2019 ranks in 2021 with few notable exceptions. 2019: 😂 ❤️ 😍 🤣 😊 🙏 💕 😭 😘 👍 2021: 😂 ❤️ 🤣 👍 😭 🙏 😘 🥰 😍 😊 See the difference? Look closely. You may miss it. Yeah, 💕 is no longer in the top ten but its replacement 🥰 was just outside at number 16. If you seek dramatic changes, the Top 200 contains bigger jumps — the biggest gainers were 🎂 (113 to 25) 🎈 (139 to 48) and 🥺 (97 to 14). Pleading Face emoji — like many other emoji added in 2018 — saw a great change in rank by 2021. Possibly because of a combination of factors: it had less time to establish its position and also who could resist those puppy dog eyes? And of course COVID continues to be part of our everyday lives as we enter 2022. Despite health-related emoji being used more often, only 🥵 and 🥴 managed to enter the Top 100 in 2021. 😷 moved up from 186 to 156 while 🦠 only just made it into the Top 500. This reflects the sheer number of emoji we use and the variety of situations we use them in, as well as the many different functions they have in our online lives: a global pandemic that changed the way we live had little effect on how we express ourselves online 😂 ❤️ 🎉 🥳 🍕 🌮. 36:T576,The Unicode Emoji Subcommittee updates the Unicode Standard using [a variety of criteria](https://www.youtube.com/watch?v=PFwNmyXKSzQ), one of which is patterns of emoji usage such as frequency. We have made the data used in this article publicly available [to download](https://docs.google.com/spreadsheets/d/1Zs13WJYdZL1pNZP0dCIXkWau_tZOjK3mmJz0KNq4I30/edit#gid=196891844). It includes emoji ranked by frequency in 2019 and 2021. Please note: The initial ranking of new emoji is not indicative of their true rank because they have had less time to sort out their position. As such, we've only included data for emoji that have been in public use for at least a year to establish themselves to ensure the change in rank reflects true usage. Emoji rank is based on median frequency of use across multiple sources. Please note that gender and skin tone variants are combined into one representative item, to give a clearer picture of how frequently the overall concept of each emoji is used. For example, the frequencies of 👩‍🚀👩🏻‍🚀👩🏼‍🚀👩🏽‍🚀👩🏾‍🚀👩🏿‍🚀 and 👨‍🚀👨🏻‍🚀👨🏼‍🚀👨🏽‍🚀👨🏾‍🚀👨🏿‍🚀 are combined and represented using 👩‍🚀. Note that newer emoji tend to have lower usage, as it often takes time for them to become widely available on all devices. Happy emojiy-ing!37:[{"id":"1f9d7134e8ad847248718a695d50bdfa27da4370c449e177e3e6515abc04e6c5c33757ddca9ca029877a92a40dbfa886965e7d29d350358e519819c885ca7ae7","href":"https://static.observableusercontent.com/files/1f9d7134e8ad847248718a695d50bdfa27da4370c449e177e3e6515abc04e6c5c33757ddca9ca029877a92a40dbfa886965e7d29d350358e519819c885ca7ae7","name":"Emoji Frequency for Alex - 2019_reranked.csv","type":"text/csv","lastModified":1638235025372.84,"size":102934},{"id":"c5a99a279179c16cd97c005bcb8e0b0eba94743abbca266f90d152907842fe408183af25697253e62cce579a4ba35671275724c4ddc5ed661851ceafc2f60745","href":"https://static.observableusercontent.com/files/c5a99a279179c16cd97c005bcb8e0b0eba94743abbca266f90d152907842fe408183af25697253e62cce579a4ba35671275724c4ddc5ed661851ceafc2f60745","name":"Emoji Frequency for Alex - 2021_reranked.csv","type":"text/csv","lastModified":1638235025372.84,"size":102907},{"id":"20020322862b1df8a9f0ea944afec75c179c1b9a62e4387d01f6eb0b068b3d69bbf9269088d6b701c2b09d4efe29cc29c250444630a0c573cd7064288f422761","href":"https://static.observableusercontent.com/files/20020322862b1df8a9f0ea944afec75c179c1b9a62e4387d01f6eb0b068b3d69bbf9269088d6b701c2b09d4efe29cc29c250444630a0c573cd7064288f422761","name":"emoji.png","type":"image/png","lastModified":1638241902898.856,"size":1245694}] 2f:{"title":"The Most Frequently Used Emoji of 2021","cells":[{"id":0,"value":"

The Unicode Emoji Mirror Project

\n# The Most Frequently Used Emoji of 2021\n## By [Jennifer Daniel](https://twitter.com/jenniferdaniel), Unicode Emoji Subcommittee Chair","pinned":false,"hidden":false,"mode":"md"},{"id":94,"value":"FileAttachment(\"emoji.png\").image()","pinned":false,"hidden":false,"mode":"ojs"},{"id":676,"value":"

Graphic by Toph Tucker updated with 2021 data by Alexander Robertson

The size of each emoji illustrates its relative popularity. Can you guess this year's number one ranked emoji? 😉","pinned":false,"hidden":false,"mode":"html"},{"id":21,"value":"$31","pinned":false,"hidden":false,"mode":"md"},{"id":226,"value":"### Who’s hot 🔥 and who’s not 🧊: Emoji per category","pinned":false,"hidden":false,"mode":"md"},{"id":167,"value":"viewof filteredCategory = Inputs.select([...new Set(data.map((d) => d.category)).add(\"All\")], {\n value: \"Smileys & Emotion\",\n label: \"Select a Category\"\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":332,"value":"$32","pinned":false,"hidden":false,"mode":"ojs"},{"id":485,"value":"

Ranking of popular emoji per category.

","pinned":false,"hidden":false,"mode":"html"},{"id":16,"value":"## What are the most frequently used emoji?","pinned":false,"hidden":false,"mode":"md"},{"id":52,"value":"$33","pinned":false,"hidden":false,"mode":"md"},{"id":29,"value":"Most subcategories are neither completely popular or unpopular, with the exception of these completely popular subcategories: \n

Face-smiling 😀 😃 😄 😁 😆 😅 🤣 😂 🙂 🙃 😉 😊 😇

hands

Plant-flower 💐 🌹 🥀 🌺 🌷 🌸 💮 🏵️ 🌻 🌼 The Plant-Flower subcategory is small in size and dominates the entire Animal & Nature category. This could be an indication that less is more especially when the emoji have broad appeal.
Emotion 💋 💌 💘 💝 💖 💗 💓 💞 💕 💟 ❣ 💔 ❤ 🧡 💛 💚 💙 💜 🤎 🖤 🤍 💯 💢 💥 💫 💦 💨 🕳 💣 💬 👁️‍🗨️ 🗨 🗯 💭 💤 Would be overwhelming and consistently popular if it was just hearts. Probably a good time for the Unicode Emoji Subcommittee to split this category into two ;-)\n

","pinned":false,"hidden":false,"mode":"md"},{"id":305,"value":"The least popular category? Flags. The least popular subcategory? Country-flags. They represent the largest collection (258 emoji!), but are used the least. Animal-mammal are the next largest subcategory (53 emoji!). Given that new emoji have to demonstrate they are not overly specific and need to break new ground, this suggests animal emoji are at saturation level.\n\nThis data is a strong signal to encode fewer specific concepts like flags and less single-use objects like shower caps. And, instead focus on globally-relevant, well established communicative concepts. The committee encourages proposers to read [our guidelines on what makes a strong emoji candidates](http://www.unicode.org/L2/L2020/20274-gesture-emoji-hand.pdf) and pay close attention to each of the criteria for inclusion such as: [multiple uses, use in sequences, and breaking new ground](https://unicode.org/emoji/proposals.html#Selection_Factors_Usage).\n","pinned":false,"hidden":false,"mode":"md"},{"id":149,"value":"### When the world stops turning: Emoji change in rank from 2019-2021","pinned":false,"hidden":false,"mode":"md"},{"id":115,"value":"viewof category = Inputs.select([...new Set(data.map((d) => d.category)).add(\"All\")], {\n value: \"All\",\n label: \"Select a Category\"\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":126,"value":"viewof howManyToShow = Inputs.range([5, grouped.length], {\n value: 20,\n step: 1,\n label: \"How many to show\"\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":132,"value":"$34","pinned":false,"hidden":false,"mode":"ojs"},{"id":346,"value":"

Emoji that moved to the left increased in rank. Emoji that moved to the right fell in popularity.

","pinned":false,"hidden":false,"mode":"html"},{"id":243,"value":"## How does 2021 compare to 2019?","pinned":false,"hidden":false,"mode":"md"},{"id":154,"value":"$35","pinned":false,"hidden":false,"mode":"md"},{"id":246,"value":"## Interested in exploring this data?","pinned":false,"hidden":false,"mode":"md"},{"id":157,"value":"$36","pinned":false,"hidden":false,"mode":"md"},{"id":252,"value":"Special thanks: [Alan McLean](https://twitter.com/alancmclean), [Alexander Robertson](https://twitter.com/a_d_robertson), [Mark Davis](https://twitter.com/mark_e_davis), and the Unicode Emoji Subcommittee.","pinned":false,"hidden":false,"mode":"md"},{"id":103,"value":"---","pinned":false,"hidden":false,"mode":"md"},{"id":862,"value":"html`\n\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":107,"value":"data = [\n await d3.csvParse(await FileAttachment(\"Emoji Frequency for Alex - 2019_reranked.csv\").text(), (d) => {\n return {\n hex: d.Hex,\n year: 2019,\n emoji: d.Emoji,\n rank: parseInt(d[\"Median G/F Rank\"].replace(\",\", \"\"), 10),\n introduced: +d.Year,\n category: d.Category,\n subCategory: d.Subcategory,\n name: d.Name\n };\n }),\n await d3.csvParse(await FileAttachment(\"Emoji Frequency for Alex - 2021_reranked.csv\").text(), (d) => {\n return {\n hex: d.Hex,\n year: 2021,\n emoji: d.Emoji,\n rank: parseInt(d[\"Median G/F Rank\"].replace(\",\", \"\"), 10),\n introduced: +d.Year,\n category: d.Category,\n subCategory: d.Subcategory,\n name: d.Name\n };\n })\n]\n .flat()\n .filter((d) => d.category != \"Component\" && d.introduced != 2019) // remove emojis introduced in 2019 because their rank is arbritary","pinned":false,"hidden":false,"mode":"ojs"},{"id":113,"value":"grouped = Array.from(d3.group(data, (d) => d.hex))\n .filter((d) => {\n return d.length > 1;\n })\n .map((d) => {\n return {\n emojis2019: d[1][0],\n emojis2021: d[1][1]\n };\n })\n .filter((d) => {\n return d.emojis2019 != undefined && d.emojis2021 != undefined;\n })\n .filter((d) => {\n if (category === \"All\") {\n return true;\n } else {\n return d.emojis2021.category === category;\n }\n })\n .sort((a, b) => {\n return a.emojis2021.rank - b.emojis2021.rank;\n })","pinned":false,"hidden":false,"mode":"ojs"},{"id":169,"value":"latestYearByCategory = Array.from(\n d3.group(\n data.filter((d) => d.year === 2021),\n (d) => d.category,\n (d) => d.subCategory\n )\n)\n .map((d) => {\n return {\n category: d[0],\n emojis: Array.from(d[1])\n .map((e) => e[1])\n .flat(),\n subcategories: Array.from(d[1]).map((d2) => {\n return { subcategory: d2[0], emojis: d2[1] };\n })\n };\n })\n .filter((d) => {\n if (filteredCategory === \"All\") {\n return true;\n } else {\n return d.category === filteredCategory;\n }\n })","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W37","stdlib":"1","titling":"auto"}