中国传媒大学-数据可视化2020-9-布局——词云图＆链接数据库并可视化(1).pptVIP

下载本文档

66
0
约4.87千字
约 22页
2022-03-27 发布于重庆
举报
版权申诉

中国传媒大学-数据可视化2020-9-布局——词云图＆链接数据库并可视化(1).ppt

1、本文档共22页，可阅读全部内容。
2、原创力文档（book118）网站文档一经付费（服务费），不意味着购买了该文档的版权，仅供个人/单位学习、研究之用，不得用于商业用途，未经授权，严禁复制、发行、汇编、翻译或者网络传播等，侵权必究。
3、本站所有内容均由合作方或网友上传，本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺！文档内容仅供研究参考，付费前请自行鉴别。如您付费，意味着您自己接受本站规则且自行承担风险，本站不退款、不进行额外附加服务；查看《如何避免下载的几个坑》。如果您已付费下载过本站文档，您可以点击这里二次下载。
4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等，请点击“版权申诉”（推荐），也可以打举报电话：400-050-0827(电话支持时间：9:00-18:30)。
5、该文档为VIP文档，如果想要下载，成为VIP会员后，下载免费。
6、成为VIP后，下载本文档将扣除1次下载权益。下载后，不支持退款、换文档。如有疑问请联系我们。
7、成为VIP后，您将拥有八大权益，权益包括：VIP文档下载权益、阅读免打扰、文档格式转换、高级专利检索、专属身份标志、高级客服、多端互通、版权登记。
8、VIP文档为合作方或网友上传，每下载1次，网站将根据用户上传文档的质量评分、类型等，对文档贡献者给予高额补贴、流量扶持。如果你也想贡献VIP文档。上传文档

基于D3的词云图可视化JSP+MySQL+D3展示李春芳 115305288@ 什么是词云图什么是词云图词云图（Word Cloud）是一种富信息文本可视化技术，通过布局算法用文字大小表示词频，辅以多种色彩显示，直观反映词组重要性差异，展示文本关键摘要信息。近年来，词云图作为极富表现力的可视化载体，广泛应用于网站导航、社会化标签呈现、 Web 文本分析以及各种文本挖掘和可视化场景。什么是词云图完整的词云分析包括：分词、词频统计和可视化，这种综合的文本挖掘技术，以极小代价统揽全文主旨，具有初筛选和归纳性，显著提高海量文本使用效率。词云图起源于Wordle W: Java Applet D3.JS词云图后来D3.JS实现了JavaScript的Wordle算法。Wordle基于空间四叉树去除重叠。 D3.JS词云图 /wordcloud/ D3词云图参数 var words=[{text:"战狼2",size:57}, {text:"速度与激情8",size:27}, {text:"羞羞的铁拳",size:22}, {text:"功夫瑜伽",size:18}, {text:"西游伏妖篇",size:17}, {text:"变形金刚5",size:16}, {text:"摔跤吧！爸爸",size:13}, {text:"芳华",size:13}, {text:"寻梦环游记",size:12}, {text:"加勒比海盗5",size:12}]; D3词云图加载的JavaScript库词云图布局算法：计算文本坐标 var wc=d3.layout.cloud() .size([600, 400]) .words(words) .padding(5) .fontSize(function(d) { return d.size; }) .on("end", draw) .start(); function draw(words) { d3.select("body").append("svg") .attr("width", 600) .attr("height", 400) .append("g") .attr("transform", "translate(300,200)") .selectAll("text") .data(words) .enter().append("text") .style("font-size", function(d) { return d.size + "px"; }) .style("fill", function(d, i) { return fill(i); }) .attr("transform", function(d) { return "translate(" + [d.x, d.y] + ")rotate(" + d.rotate + ")"; }) .text(function(d) { return d.text; }); } Echart2词云图采用了开源的D3.JS /echarts2/doc/example/wordCloud.html 实例：D3词云图 <meta charset="utf-8"> <body> <script src="d3.v3.min.js"></script> <script src="d3.layout.cloud.js"></script> <script> var fill = d3.scale.category20(); 实例：D3词云图 d3.layout.cloud().size([300, 300]) .words([ "Hello", "world", "normally", "you", "want", "more", "words", "than", "this"].map(function(d) { return {text: d, size: 10 + Math.random() * 90}; })) .padding(5) .rotate(function() { return ~~(Math.random() * 2) * 90; }) .font("Impact") .fontSize(function(d) { return d.size; }) .o