d3_v7.js绘制词云图

json文件

[{"year": "2008","directors": [{"text": "张建亚 Jianya Zhang","size": "3"},{"text": "徐克 Hark Tsui","size": "2"},{"text": "林超贤 Dante Lam","size": "2"},{"text": "马俪文 Liwen Ma","size": "2"},{"text": "马楚成 Jingle Ma","size": "2"},{"text": "Gehe Zhuo","size": "1"},{"text": "Robert Vicencio","size": "1"},{"text": "丁晟 Sheng Ding","size": "1"},{"text": "乔粱 Liang Qiao","size": "1"},{"text": "侯咏 Yong Hou","size": "1"}]},{"year": "2009","directors": [{"text": "Mingkai Hu邓衍成 Billy Tang","size": "3"},{"text": "王晶 Jing Wong","size": "2"},{"text": "管虎 Hu Guan","size": "2"},{"text": "Shimon Dotan","size": "1"},{"text": "Xiaobo Zhang","size": "1"},{"text": "丁荫楠 Yinnan Ding","size": "1"},{"text": "万玛才旦 Pema Tseden","size": "1"},{"text": "书亚 Ya Shu高天 Tian Gao","size": "1"},{"text": "何平 Ping He","size": "1"},{"text": "佛罗瑞·加仑伯格 Florian Gallenberger","size": "1"}]},{"year": "2010","directors": [{"text": "阿甘 Agan","size": "3"},{"text": "Mingkai Hu","size": "2"},{"text": "冯小刚 Xiaogang Feng","size": "2"},{"text": "刘镇伟 Jeffrey Lau","size": "2"},{"text": "宁瀛 Ying Ning","size": "2"},{"text": "林超贤 Dante Lam","size": "2"},{"text": "王晶 Jing Wong","size": "2"},{"text": "Xinyi Liu","size": "1"},{"text": "丁晟 Sheng Ding","size": "1"},{"text": "余乐 Le Yu","size": "1"}]},{"year": "2011","directors": [{"text": "叶伟信 Wilson Yip","size": "2"},{"text": "彭顺 Oxide Pang Chun","size": "2"},{"text": "闫然 Ran Yan","size": "2"},{"text": "陈力 Li Chen","size": "2"},{"text": "马楚成 Jingle Ma","size": "2"},{"text": "麦兆辉 Alan Mak庄文强 Felix Chong","size": "2"},{"text": "Dahang Wei","size": "1"},{"text": "Wayne Wang","size": "1"},{"text": "丁小明 Xiaoming Ding","size": "1"},{"text": "丁晟 Sheng Ding赵海城 Haicheng Zhao","size": "1"}]},{"year": "2012","directors": [{"text": "潘镜丞 Jingcheng Pan","size": "3"},{"text": "冯德伦 Stephen Fung","size": "2"},{"text": "卢卫国 Weiguo Lu","size": "2"},{"text": "叶伟民 Waiman Yip","size": "2"},{"text": "周耀武 Yaowu Zhou","size": "2"},{"text": "安战军 Zhanjun An","size": "2"},{"text": "安澜 Lan An","size": "2"},{"text": "李克龙 Kelong Li","size": "2"},{"text": "杨子 Larry Yang","size": "2"},{"text": "王晶 Jing Wong","size": "2"}]},{"year": "2013","directors": [{"text": "Yanting Li","size": "2"},{"text": "傅华阳 Huayang Fu","size": "2"},{"text": "关尔 Er Guan","size": "2"},{"text": "刘一君 Yijun Liu","size": "2"},{"text": "宁敬武 Ning Jingwu","size": "2"},{"text": "宁海强 Haiqiang Ning","size": "2"},{"text": "张力 Li Zhang","size": "2"},{"text": "徐克 Xu Ke","size": "2"},{"text": "杜琪峰 Johnnie To","size": "2"},{"text": "杜鹏 Peng Du","size": "2"}]},{"year": "2014","directors": [{"text": "刘镇伟 Jeffrey Lau","size": "4"},{"text": "马雍 Yong Ma","size": "3"},{"text": "刘宁 Ning Liu","size": "2"},{"text": "彭浩翔 Ho-Cheung Pang","size": "2"},{"text": "朱赵伟 Zhaowei Zhu","size": "2"},{"text": "林晓丽 Lin Xiaoli","size": "2"},{"text": "欧阳奋强 Fenqiang Ouyang","size": "2"},{"text": "沈乐平 ChenLeBeng","size": "2"},{"text": "袁杰 Jie Yuan","size": "2"},{"text": "路阳 Yang Lu","size": "2"}]},{"year": "2015","directors": [{"text": "海涛 Tao Hai","size": "6"},{"text": "宁敬武 Ning Jingwu","size": "3"},{"text": "Tao Li","size": "2"},{"text": "叶念琛 Patrick Kong","size": "2"},{"text": "安澜 Lan An","size": "2"},{"text": "张艺飞 Yifei Zhang","size": "2"},{"text": "彭发 Danny Pang","size": "2"},{"text": "徐正超 ZhengChao Xu","size": "2"},{"text": "朱赵伟 Zhaowei Zhu","size": "2"},{"text": "李凯 Kai Li","size": "2"}]},{"year": "2016","directors": [{"text": "赵小溪 Xiaoxi Zhao","size": "3"},{"text": "黄军 Jun Huang","size": "3"},{"text": "周晓鹏 Xiaopeng Zhou","size": "2"},{"text": "崔志敏 Zhimin Cui","size": "2"},{"text": "摩撒利 Sa-li Mo","size": "2"},{"text": "程中豪 Zhonghao Cheng王凯 Kai Wang","size": "2"},{"text": "郑成峰 Chengfeng Zheng","size": "2"},{"text": "郭大雷 Zorro","size": "2"},{"text": "马宁 Ning Ma","size": "2"},{"text": "高峰 Feng Gao","size": "2"}]},{"year": "2017","directors": [{"text": "陆诗雷 Shilei Lu","size": "4"},{"text": "朱江华 Jianghua Zhu","size": "3"},{"text": "王良 Liang Wang","size": "3"},{"text": "刘艳杰 Yanjie Liu","size": "2"},{"text": "刘镇伟 Jeffrey Lau","size": "2"},{"text": "夏钢 Gang Xia","size": "2"},{"text": "张杨 Yang Zhang","size": "2"},{"text": "张艺飞 Yifei Zhang","size": "2"},{"text": "徐艺华 Yihua Xu","size": "2"},{"text": "王择谚 Ze-yan Wang","size": "2"}]},{"year": "2018","directors": [{"text": "刘江 Jiang Liu","size": "2"},{"text": "张艺谋 Yimou Zhang","size": "2"},{"text": "徐超 Chao Xu","size": "2"},{"text": "朱丹 Dan Zhu","size": "2"},{"text": "袁晓满 Xiaoman Yuan","size": "2"},{"text": "赵宝刚 Baogang Zhao王迎 Ying Wang","size": "2"},{"text": "陈设 Chen She","size": "2"},{"text": "Zhangxiang Zhao","size": "1"},{"text": "丁亮 Liang Ding林汇达 Huida Lin","size": "1"},{"text": "丁仕昀 Shiyun Ding","size": "1"}]}
]

代码部分

<!DOCTYPE html>
<html><head><meta charset='utf-8'><title>WordcloudLayout</title><script type='text/javascript' src='js/d3_v7.js'></script><script src='js/d3.layout.cloud.js'></script>
</head><body><script type='text/javascript'>function  updateDraw(year,flat) {d3.json('js/词云.json').then(function (data) {if(flat==true)  d3.select("body").select("svg").remove();//更新词云图let svg = d3.select('body').append('svg').attr("width", 500).attr("height", 500)let fill = d3.scaleOrdinal(d3.schemeCategory10)let layout = d3.layout.cloud() //注意，这不是D3自带的API，是d3.layout.cloud.js中的API.size([500, 500]).words(data[year-2008]["directors"]).padding(5) //每个词之间的间隔，不设置时默认为0.rotate(function () {return ~(Math.random() * 90)}).font('Impact').fontSize(d => d.size * 15).on('end', draw)let wordcloudGroup = svg.append('g').attr('transform', `translate(${layout.size()[0] / 2} ,${layout.size()[1] / 2})`)layout.start()function draw(words) {wordcloudGroup.selectAll('text').data(words).enter().append('text').attr('font-size', d => `${d.size}px`).attr('font-family', 'Impact').attr('fill', (d, i) => fill(i)).attr('text-anchor', 'middle').attr('transform', d => `translate(${d.x}, ${d.y}) rotate(${d.rotate})`).text(d => d.text)}})}updateDraw(2008,false)//开始默认为2008年的词云图function myChoice(year){updateDraw(year,true)}// myChoice(2011)</script>
</body></html>

效果展示

d3_v7.js绘制词云图相关推荐

echarts词云图形状_用Python 3.8绘制词云图就这么20行代码
艾莎为了寻找父母遇难的真相,以及自己魔力的来源,她与安娜.克斯托夫.驯鹿斯特与雪宝一行远走阿伦戴尔王国,去北方寻找这两个问题的答案,途中发生了一些冒险故事-- 电影<冰雪奇缘2>无论是美轮 ...
分布式与人工智能课程(part11)--绘制词云图
学习笔记,仅供参考,有错必纠文章目录绘制词云图安装 wordcloud 根据词频生成直接根据文本生成绘制词云图安装 wordcloud !pip install wordcloud -i ...
去除停用词并绘制词云图
简单处理数据后绘制词云图以前看见词云图完全没想过它是怎么做出来的,现在才知道Python是可以画词云图的,而且非常简单,只要数据处理好. # -*- coding: gb2312 -*- #codi ...
对中国四大名著--红楼梦使用jieba进行分词处理排除去停词统计完整词频并按降序排列前20词绘制词云图
文章目录前言一.jieba是什么? 支持四种分词模式: 支持繁体分词支持自定义词典 MIT 授权协议二.直接上代码了总结前言今天用jieba和词云库做个作业,顺便记录一下,作业要求: 1 ...
R语言如何绘制词云图（17）
1.什么是词云图? "词云"由美国西北大学新闻学副教授.新媒体专业主任里奇·戈登(Rich Gordon)于2006年最先使用.戈登做过编辑.记者,曾担任迈阿密先驱报新媒体版的主任 ...
实战|Python轻松实现绘制词云图(附详细源码)
项目背景虽然现在已经有很多现成的制作词云图的工具了,但一般存在以下几个问题:问题一:工具太多,眼花缭乱,质量参差不齐,选择困难症: 问题二:大多词云工具或多或少有一些限制,自定义的空间有限:问题三:有 ...
根据词频、背景图绘制词云图
根据词频.背景图绘制词云图记录一下绘制词云图的过程首先说明一下,绘制词云图完整的过程应如下: 获取一段文本,也就是要根据这个文本来绘制词云图制作停用词词典,简单来说,停用词就是分词的规则,例如, ...
Python爬取《哆啦A梦-伴我同行2》影评，手把手带你绘制词云图！
本文简介 <哆啦A梦:伴我同行2>是纪念<哆啦A梦>50周年的作品之一,于2021年5月28日在中国内地上映. 哆啦A梦系列,是陪伴我,乃至陪伴了几代人成长的故事.50年来,藤 ...
python绘制词云图转换图_（数据科学学习手札71）利用Python绘制词云图
1 简介词云图是文本挖掘中用来表征词频的数据可视化图像,通过它可以很直观地展现文本数据中地高频词: 图1 词云图示例在Python中有很多可视化框架可以用来制作词云图,如pyecharts,但这些 ...

d3_v7.js绘制词云图

d3_v7.js绘制词云图相关推荐

最新文章

热门文章