以前从国外一篇Emoji相关主题的学术文章中看到过多个Emoji之间关联的图形,觉得还有些意思,就像人与人之间的关系、物与物之间的关系,如下图所示:
于是我们也想在EmojiAll.com网站中来实现,又是多位同事合作:
- 商议需求:💪、😎
- 技术选型:😎
- 美工设计:😎
- 数据准备:🕷️、💪
- 程序实现:💪、🦟
上面的图中关系过于复杂,Emoji之间有多层级之间的跨级连接,虽然我们也可以在数据整合中得出类似的关系数值,但要呈现出来不容易,特别是多数用户都是移动端,要在小小的手机屏上显示不是说不行,不过为了照顾用户体验,采取了放射性连接,有多级连接,但去掉了跨级之间的连接。下面就是一个例子(依然用Emoji ☕️作为例子):
🔗关系图
可以看到上面的SVG图中包含了与Emoji☕️有关系的三级Emoji,第一级是9个关系最密切的Emoji:
然后部分第一级Emoji延伸出第二级,从🍞延伸出🥑、🧺和🥖,从🍫延伸出🍌。
再从部分第二级Emoji延伸出第三级,🥑延伸出🌯、🍒、🌰,🥖延伸出🍆、🧀,🍌延伸出🦴、🥣、🥥。
这些Emoji之间的选取、关联、排序等还是很有讲究的,也是从各种站内、站外数据进行获取、计算、分析、过滤,最后出来的结果还是比较让人满意了,甚至让同事们看了有些惊艳,具体算法就不讲了,有核心知识产权的哦😄
SVG图中的Emoji都是可以点击的,点击过去还可以看到带有动态效果的关系图,另外,各种语言的同一个Emoji因为算法有差异,所以关系图也不完全一样,以后还会逐步完善,让各种语言的浏览者有更棒的体验✌️
2021年9月补充:Emoji关系图中运用人工智能进行升级
评论