Javascript 使用d3js的wordcloud
我正在尝试使用GitHub上提供的d3js源代码来绘制WordCloud。Javascript 使用d3js的wordcloud,javascript,html,d3.js,d3-cloud,Javascript,Html,D3.js,D3 Cloud,我正在尝试使用GitHub上提供的d3js源代码来绘制WordCloud。 我的index.html文件如下： <html xmlns="html"> <head> <title>Visualization Medley</title> <link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/b
我的index.html文件如下：
<html xmlns="html">
<head>
<title>Visualization Medley</title>
<link rel="stylesheet"
href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
<link rel="stylesheet" href="medley.css">
</head>
<body>
<div class="container">
<h3>Word Cloud</h3>
<div id="world-cloud"></div>
</div>
<script type="text/javascript" src="https://d3js.org/d3.v3.min.js"/><\script>
<script type="text/javascript" src="C:/Users/xxx/Desktop/d3.layout.js"/><\script>
<script type="text/javascript" src="C:/Users/xxx/Desktop/medley.js"/>
<\script>
</body>
</html>
可视化混合泳
词云
My medley.js源代码：
当我打开index.html文件时，它不会显示默认的wordcloud。谁能告诉我哪里出了问题吗？
我以前没有编写JavaScript/html代码的经验。这里是您代码的一个稍加修改的版本，它显示了云：
var fill=d3.scale.category20（）；
var layout=d3.layout.cloud（）
.尺寸（[500500]）
.文字([
“你好”、“世界”、“正常”、“你”、“想要”、“更多”、“文字”，
“than”，“this”].map（函数（d）{
返回{text:d，size:10+Math.random（）*90，test:“haha”}；
}))
.填充（5）
.rotate（函数（）{return~~（Math.random（）*2）*90；}）
.font（“影响”）
.fontSize（函数（d）{返回d.size；}）
.在（“结束”，抽签）；
layout.start（）；
函数图（字）{
d3.选择（“正文”）.附加（“svg”）
.attr（“宽度”，布局.size（）[0]）
.attr（“高度”，布局.size（）[1]）
.附加（“g”）
.attr（“转换”、“转换”（“+layout.size（）[0]/2+”，“+layout.size（）[1]/2+”）
.selectAll（“文本”）
.数据（字）
.enter（）.append（“文本”）
.style（“字体大小”，函数（d）{返回d.size+“px”；}）
.style（“字体系列”、“影响”）
.style（“fill”，函数（d，i）{返回fill（i）；}）
.attr（“文本锚定”、“中间”）
.attr（“转换”，函数（d）{
返回“translate（“+[d.x，d.y]+”）rotate（“+d.rotate+”）”；
})
.text（函数（d）{返回d.text；}）；
}
可视化混合泳
词云