JQCloud标签云、词云展示

一、展示效果

二、代码展示

index.html

<!DOCTYPE html>
<html><head><title>词云</title><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><link rel="stylesheet" type="text/css" href="css/jqcloud.css" /><script type="text/javascript" src="js/jquery-2.1.1.min.js"></script><script type="text/javascript" src="js/jqcloud-1.0.4.min.js"></script><script type="text/javascript" src="js/cloud.js"></script></head><body><div id="word_div" style="width: 100%; height: 800px; border: 1px solid #ccc;"></div></body><script type="text/javascript">var data = [['Java', 90],['PHP', 26],['MySQL', 80],['Python', 77],['Oracle', 96],['SQL Server', 29],['Spring    ', 57],['Spring Data', 42],['JDBC', 19],['Tomcat', 39],['Nginx', 66],['DB2', 24],['Spring MVC', 58],['C', 6],['C++', 70],['Limbo ', 45],['S2', 59],['Amiga Basic', 92],['COBOL', 82],['Unicon ', 10],['FORTRAN II ', 63],['Revolution ', 14],['Haxe ', 45],['Html', 57],['Css', 8],['JavaScript', 68],['Windows PowerShell', 38],['C#', 51],['Spring AMQP', 80],['SpringBoot', 90],['SpringCloud', 84],['Spring JDBC', 13],['MyBatis', 89],['Spring WebService', 35],['SpringKAFKA', 48],['Java ', 91],['PHP ', 28],['MySQL ', 85],['Python ', 19],['Oracle ', 63],['SQL Server ', 4],['Spring   ', 72],['Spring Data ', 28],['JDBC ', 28],['Tomcat ', 95],['Nginx ', 73],['DB2 ', 68],['Spring MVC ', 18],['C ', 19],['C++ ', 75],['Limbo  ', 63],['S2 ', 33],['Amiga Basic ', 15],['COBOL ', 41],['Unicon  ', 82],['FORTRAN II  ', 80],['Revolution  ', 91],['Haxe  ', 17],['Html ', 45],['Css ', 90],['JavaScript ', 38],['Windows PowerShell ', 94],['C# ', 45],['Spring AMQP ', 71],['SpringBoot ', 17],['SpringCloud ', 31],['Spring JDBC ', 10],['MyBatis ', 44],['Spring WebService ', 49],['SpringKAFKA ', 32]];var string_ = "";for(var i = 0; i < data.length; i++) {var string_f = data[i][0];var string_n = data[i][1];string_ += "{text: '" + string_f + "', weight: '" + string_n + "',html: {'class': 'span_list',onmouseover:'on_mouseover(this,event)',onmouseout:'on_mouseout()'}},";}var string_list = string_;var word_list = eval("[" + string_list + "]");$(function() {$("#word_div").jQCloud(word_list, {});});</script></html>

三、目录结构

四、项目下载

JQCloud标签云、词云展示相关推荐

Python生成标签云/词云
原文地址:http://itdarcy.wang/index.php/20200104/355 python:3.7 功能模块:wordcloud 1.6.0.matplotlib 3.1.2 安装w ...
使用vue-wordcloud实现文字云/词云
1.下载在项目里面,通过npm安装下载 npm install vue-wordcloud --save 2.使用demo <template><div class="h ...
爬虫入门之绘图matplotlib与词云(七)
1 绘制条形图 import matplotlib # 数据可视化 from matplotlib import pyplot as plt# 配置字体 matplotlib.rcParams[&qu ...
D3临摹作业_分词与词云可视化(西安交大国家艺术基金数据可视化培训第28天)
第十二章分词与词云可视化第一节词云图概念:一种富文本信息可视化技术,通过布局算法用文字大小表示词频,辅以多种颜色,直观的反映词组重要性差异,展示文本关键摘要信息.完整的词云分析包括:分词.词 ...
python爬虫网站词云_Python爬虫之爬取情话网站并绘制词云
一.爬取网站 1.分析目标网站首先我们需要分析目标网站的源代码分析html得知所有的情话都是在标签下,而且一个标签对应着一句情话. 2.编写代码 import bs4 import reque ...
ppt生成器_小米发布会ppt词云怎么做的
导语在幻灯片中使用文字云或者文字墙是一件非常酷的事情,之前我们看过的很多发布会PPT都有出现文字云设计.利用文字云工具就告别麻烦的排版,让ppt效果更专业,新颖小米发布会ppt 微词云我们先看下 ...
python做词云做文本处理_Python生成词云的制作
现成的词云制作工具也很多: 1.Wordle是一个用于从文本生成词云图而提供的游戏工具. 2.Tagxedo可以在线制作个性化词云. 3.Tagul是一个Web服务,同样可以创建华丽的词云. 4.Ta ...
使用爬虫抓取网易云音乐热门评论生成好玩的词云
互联网爬虫是一个很有意思的技术,借由爬虫,我们可以做到很多好玩的事情--这其中就包括爬取评论. 词云就是个更好玩的技术,通过技术方法分析词语出现频率,生成可视化的图形,将文字内容用图形呈现,想想就很意 ...
抓取网易云音乐歌曲热门评论生成词云（转）
非原创作品,转载自:http://blog.csdn.net/marksinoberg/article/details/70809830 前言网易云音乐一直是我向往的"神坛",听 ...
5：Echarts数据可视化-多条曲线、多个子图、TreeMap类似盒图、树形图、热力图、词云...
〇.目标本次实验主要基于Echarts的Python库实现高维数据.网络和层次化数据.时空数据和文本数据的可视化,掌握可视化的操作流程和相关库的使用. 一.绘制平行坐标系平行坐标是信息可视化的一种 ...

JQCloud标签云、词云展示

一、展示效果

二、代码展示

三、目录结构

四、项目下载

JQCloud标签云、词云展示相关推荐

最新文章

热门文章