wordcloud2.js简易使用方法总结

最新推荐文章于 2024-04-26 09:51:39 发布
最新推荐文章于 2024-04-26 09:51:39 发布
阅读量1.1w 收藏 14
点赞数 4
文章标签： wordcloud2.js 词云 工具
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_25475209/article/details/81258527
版权

    最近没事自己做了一个词云工具，主要用来对粘贴的文本或者微信公众号推送的文章进行抓取后的分词结果进行展示。大概效果是这样的。

微信公众号抓取的内容分词结果展示

                                                                     微信公众号抓取的内容分词结果展示

 

那么就下来就简单介绍下我是如何使用woldcloud2.js的

1.wordcloud2.js下载（github地址）

2.下载之后导入wordcloud2.js到我们的网页

<script type="text/javascript" src="/static/lib/wordcloud2/wordcloud2.js"></script>

 3.放置容器

<body>
    <div id="canvas-container" style="float: left">
        <canvas id="canvas
最低0.47元/天 解锁文章
伟BigBig
关注
  • 4
    点赞
  • 踩
  • 14
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
wordcloud2 画一个“词云”
菠萝西斯的博客
04-26 1618
文章目录使用说明常见问题 使用说明 library(wordcloud2) #install.packages("wordcloud2") wordcloud2(data, size = 1, minSize = 0, gridSize = 0, fontFamily = 'Segoe UI', fontWeight = 'bold', color = 'random-dark', backgroundColor = "white", minRotation = -pi/4, m
html word cloud,wordcloud2.js
weixin_39609541的博客
06-25 488
wordcloud2.js是什么什么是wordcloud2.js，Tag cloud/Wordle presentation on 2D canvas or HTMLwordcloud2.js官网：官网wordcloud2.js文档：文档wordcloud2.js源码仓库：源码仓库wordcloud2.js下载地址：点此下载 点此下载2wordcloud2.js介绍、wordcloud2.js使用...
echarts-wordcloud.min.js
06-23
EChars可视化工具词云图的js
探索WordCloud2：可视化文本艺术的新境界
最新发布
gitblog_00032的博客
04-26 348
探索WordCloud2：可视化文本艺术的新境界 项目地址:https://gitcode.com/Lchiffon/wordcloud2 在数据可视化的世界中，词云（Word Cloud）是一种直观且富有创意的方式，用于呈现大量文本信息。今天我们要介绍的是WordCloud2，这是一个基于Python的库，它扩展了传统的词云生成功能，为数据艺术家和分析师提供了更丰富的创作空间。 项目简介 Wo...
词云 js2wordcloud.js
热门推荐
钟健的博客
06-02 7万+
词云 一、简介 “词云”拼音是cí yún，由美国西北大学新闻学副教授、新媒体专业主任里奇·戈登（Rich Gordon）于2006年最先使用。戈登做过编辑、记者，曾担任迈阿密先驱报（Miami Herald）新媒体版的主任。他一直很关注网络内容发布的最新形式——即那些只有互联网可以采用而报纸、广播、电视等其它媒体都望尘莫及的传播方式。通常，这些最新的、最适合网络的传播方式，也是最好的传播方式。 因此，“词云”就是通过形成“关键词云层”或“关键词渲染”，对网络文本中出现频率较高的“关键词”的视觉上的突出。
JS实现点击鼠标弹出自定义文字内容效果
T型人小付的博客
06-10 1776
之前看到有朋友自己搭建的博客网站，在页面任意位置点击鼠标都会弹出自定义文字，而且内容会不停变化，觉得非常炫酷，今天自己试着来实现一下这个效果。 思路分析 主要是对document添加一个click事件，每次点击会生成一个新标签，这个标签初始位置通过获取click的event事件来获得。之后通过一个定时器setInterval实现缓慢向上的效果，然后用另一个定时器setTimeOut在一段时间后清除掉上一个定时器并且删除添加的新标签。 代码实现 <!DOCTYPE html> <html&g
词云解决方案：js2wordcloud
前端挖掘机
04-18 4734
JavaScript生成词云图。基于wordcloud2.js GitHub传送门：Js2WordCloud Installation： 通过script标签引入： <script src="dist/js2wordcloud.min.js"></script> npm安装： npm install js2wordcloud --save Usage： v...
echarts-wordcloud.js词云图插件
05-16
echarts制作词云图需要的文件 ECharts 的词云图是一个插件类型的图表。在 ECharts 官网下载的完整版本不包含词云图，使用时，需要在引入 echarts.js 之后，另外引入词云图对应的 echarts-wordcloud.js
highchars图表wordcloud.js
04-21
highchars图表用到的基础js，还有其他js需要用到的会一同上传
wordcloud2.js
weixin_30656145的博客
07-13 3903
https://blogs.msdn.microsoft.com/dotnet/2019/01/10/announcing-ml-net-0-9-machine-learning-for-net/ https://marketplace.visualstudio.com/items?itemName=MLNET.07 https://dotnet.microsoft.com/learn/mac...
wordcloud2.js:在2D画布或HTML上标记cloudWordle演示文稿
04-30
wordcloud2.js 在2D画布或HTML上创建标签云/ 演示文稿。 该库是的衍生项目。 访问 安装 npm install wordcloud 使用简单 从此存储库中的src文件夹下载最新的wordcloud2.js文件。 将wordcloud2.js脚本加载到网页，然后运行： WordCloud(document.getElementById('my_canvas'), { list: list } ); 其中list是一个看起来像这样的数组： [['foo', 12], ['bar', 6]] 。 可用选项，请参阅以了解详细信息。 联系与帮助 提出问题之前，请通读API文档和或通过电子邮件与我联系。 算法 在将每个单词放在画布上之前，先将其绘制在单独的画布上以读取像素，以记录绘制的空间。 有了这些信息，wordcloud.js将尝试找到一个最适合起点的位置。 测验
echarts-wordcloud:基于wordcloud2.js的Apache ECharts（正在孵化）wordcloud扩展
05-10
echarts-wordcloud 基于非官方（ 扩展，用于Apache ECharts。 例子 安装 < script src =" echarts.min.js " > </ script > < script src =" echarts-wordcloud.min.js " > </ script > 或者 npm install echarts npm install echarts-wordcloud import * as echarts from 'echarts' import 'echarts-wordcloud' ; 笔记： echarts-wordcloud @ 2代表echarts @ 5 echarts-wordcloud @ 1代表echarts @ 4 用法 var chart = echarts . init ( document . getEl
dash-wordcloud:使用wordcloud2.js进行Wordcloud可视化的Dash UI组件
05-15
短文字云 用于Wordcloud可视化的Dash UI组件 短跑 转到此链接以了解有关。 入门 # Install dependencies $ npm install # Watch source for changes and build to `lib/` $ npm start 发展 演示服务器 您可以启动演示开发服务器以查看呈现的组件的演示： $ builder run demo $ open http://localhost:9000 您必须在demo/Demo.react.js维护组件列表。 代码质量和测试 要运行皮棉和单元测试： $ npm test 要运行单元测试并注意更改： $ npm run test-watch 要在浏览器（Chrome）中调试单元测试，请执行以下操作： $ npm run test-debug 等待Chrome启动。 点击右上角的“
"wordcloud2"
Emily
05-15 2752
OUTLINE： 相关的可以生成词云的途径 wordcloud2 相关的可以生成词云的途径 wordle 介绍：从文本生成词云图 网址：http://www.wordle.net 优点：及时调用 缺点：电脑需已安装Java；对中文不友好 成图： wordart 网址：https://wordart.com 优点：调用非常方便，模板丰富 缺点：词的输入比较麻烦 ...
Word Cloud (词云) - JavaScript
weixin_30609331的博客
06-02 771
在上一篇中已经分享了用 Python 创建词云了。接下来继续总结其他创建词云的方法。 >> Create Word Cloud via JavaScript JavaScript 可以借助 d3 函数库 的 d3-cloud 插件来生成词云。 1) 下载 d3, d3-cloud 及其相关文件，并在 HTML 文件中引用。 <script src="dist/d3.v3.m...
echarts字符云（词云）
xiaojing的博客
10-21 5万+
下面是一个小鸟形状的词云，可以在iconfont中下载（最好是填充的）图案，转为base64，就可以用来生成有图案的词云了 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>WordCloud Demo</title&gt...
echarts-wordcloud.min.js 链接导入
04-01
抱歉，我无法提供任何链接导入的操作，因为我是一个AI语言模型，无法直接操作代码。但是，如果您需要将 echarts-wordcloud.min.js 导入到您的项目中，您可以使用以下步骤： 1. 在您的项目中创建一个名为 "echarts-wordcloud.min.js" 的文件夹。 2. 从 echarts-wordcloud 官网下载 echarts-wordcloud.min.js 文件。 3. 将下载的 echarts-wordcloud.min.js 文件复制到您创建的 "echarts-wordcloud.min.js" 文件夹中。 4. 在您的 HTML 文件中添加如下代码，以加载 echarts-wordcloud.min.js： `<script src="路径/echarts-wordcloud.min.js"></script>` 其中 "路径" 是您存放 echarts-wordcloud.min.js 文件夹的路径。 5. 确认您的代码已正确导入，现在您可以使用 echarts-wordcloud.min.js 进行开发。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值