1回答
下面是所有的代码，在gist中，您只需将其保存为HTML文件并尝试：
所以，看一开始，我假设散点图圈的一些缺省数，然后我完全画出散点图。
var numDataPoints = 50;
然后在底部的中，我有一个侦听器用随机的新值重画散点图。但是我想要改进它，这样我就可以在文本框中输入多少个圆圈，它应该画出那么多的圆圈，而不是它开始画的50圈。但它不听我的！是的，它确实用新的随机值重新绘制了圆，但它仍然绘制了与最初相同的圆圈数。我不知道怎么修理这部分，我对D3.js很陌生。我期待它起作用的方式是错误的？
//On click, update with new data
浏览 4提问于2013-04-17得票数 1
回答已采纳
1回答
用于在散点图圆附近对齐标注的选项
、、、、
我正在使用d3.js并渲染散点图。我希望标签恰好位于散点图区域的上方和附近。
。
我试着将上面的标签居中，使其靠近散点图圆圈。是否有任何.attr()属性可以向文本添加填充，以便它可以恰好显示在气泡的上方和附近？
我可以使用.attr("text-anchor","middle")获取散点图中间的文本，但我需要文本更靠近散点图。现在它离散点图圆圈有4px的距离。
浏览 0提问于2013-06-12得票数 0
2回答
我必须创建带有象限的散点图。我看过像d3.js，high charts，nvd3这样的库，但我只找到了普通的散点图。
谁能建议一下哪个js库能帮我做到这一点？
谢谢
浏览 3提问于2015-08-19得票数 0
1回答
我从几周开始就在开发d3.js和dc.js库。我在d3.js中创建了散点图，在dc.js中创建了条形图。我想知道在两个不同的javascripts中创建的这两个不同的图形之间是否存在交互的可能性。简而言之，可以在d3.js和dc.js中创建的两个不同的图形之间进行交互吗？
谢谢。
浏览 1提问于2014-05-03得票数 0
1回答
更新时从散点图中删除旧圆
、、、
我有一个用d3.js构建的散点图。它为特定人的消费习惯绘制了图表中的圆圈。
我有一个选择菜单，它可以更改特定的用户并更新散点图上的圆圈。
问题是旧的圈子在更新时没有被删除。
在哪里我应该如何使用.remove() .update()，请参阅此的工作示例
浏览 5提问于2014-10-31得票数 0
回答已采纳
2回答
我有一些数据点，我使用matplotlib绘制了散点图。现在，我想在同一散点图上为方程x+y=0画一条线。这就是最终的图应该是什么样子。
我现在有的是这个。
如何将线条x+y=0添加到此散点图中？
浏览 8提问于2020-04-20得票数 0
我想在实际和预测值的散点图中绘制rSquared最佳拟合线，在那里我得到了rsquare值，我首先想到使用ag网格图，但找不到方法，所以考虑使用任何js图表包(d3.js，chart.js，highcharts.js)，可以在散点图中绘制这条rsquare线吗？为了参考，我在这个柱状图中添加了数据，但使用了一个网格图表，但找不到任何方法。
rsquared: number = 0.987;
plunkr码
浏览 24提问于2021-05-28得票数 0
回答已采纳
3回答
我正在寻找一个如何在D3.js中绘制散点图的示例。
通过查看 (尽管它们令人印象深刻)，我还没有找到一个简单的示例。我只想知道如何：
绘制和标记x-和y-轴。
在图上画散点。
我确实在这个中找到了，但是它比我所需要的要复杂得多，外部文件使得提取要点变得很困难。有人能给我举一个简单的散点图例子来开始吗？
非常感谢。
浏览 2提问于2012-05-03得票数 23
回答已采纳
我正在学习和搜索一个交互式3d散点图的示例，它使用了D3.js和Three.js。
如何绘制具有3个轴(x，y，z)的散点图？还有，如何将它与Three.js结合起来，使其成为3D？另一方面，我制作了一个json文件，并希望导入到散点图中。是否需要web服务器才能导入它们？
额外的问题:在散点图中，我还想做一些交互，比如放大和缩小，过滤数据显示，以及将不同的数据类型放入x，y，z轴？
如果有任何来自数据可视化网站或其他你知道的资源的例子，我可以要求与我分享，我可以看看吗？
浏览 1提问于2015-03-17得票数 4
我想在熊猫画的散点图的点之间加上线。我试过了，但不起作用。我可以在散点图上画线条吗？
pd.DataFrame([[1,2],[10,20]]).plot(kind="scatter", x=0, y=1, style="-")
pd.DataFrame([[1,2],[10,20]]).plot.scatter(0,1,style="-")
浏览 2提问于2016-06-02得票数 7
2回答
我想在散点图上画一个3行图，以检查散点图中的点是多少，我的散点图如下所示
import numpy as np
import matplotlib.pyplot as plt
import seaborn as sns
x = np.array([38420690,53439687,82878917,97448841])
y = np.array([47581627,12731149,3388697,911432])
plt.scatter(x,y)
plt.plot()
plt.show()
现在，我想在散点图上再画3张线图，
1行图@x=y第2行图@x=10*y第3行图@x= 10/
浏览 9提问于2022-02-17得票数 1
回答已采纳
1回答
我开始学习d3.js，我有一个问题:我有一个JSON数据，并为它们创建了两个不同的视图:散点图、图表和表格。如果我在图表上标记了几个“选中”的点，我如何在表格中标记类似的数据？
浏览 2提问于2015-10-26得票数 1
1回答
我正在构建一个d3.js散点图可视化，使用Ruby作为后端。由我的红宝石代码输出的x和y值是由两个向量组成的，x和y。
有没有一种简单的方法可以把这些点直接从矢量中画成散点图呢？由于我是d3新手，所以我一直使用Scott的作为参考来创建我的散点图，但是他使用了一系列的值，而不是x和y向量。
我试过这样做，但似乎行不通
svg.selectAll("one_circle")
.data(dataset)
.enter()
.append("circle")
.attr("class", "datapoint&
浏览 5提问于2013-07-26得票数 2
回答已采纳
1回答
我正在查阅d3.js文档，上面写着：
D3帮助您使用HTML、SVG和CSS将数据带入生活。
示例部分给出了很好的可视化，但是我想澄清它是只使用SVG还是HTML 5画布？
我打算做一个高度交互式，大数据驱动，动画丰富的可视化，并考虑d3.js。
是否有人能澄清或提供我应该使用的js可视化库的替代建议？
浏览 1提问于2012-07-06得票数 0
回答已采纳
1回答
手写体数字散点图
、、、
我想要创建0和1 ()手写数字的散点图。我取了4个样本(两个0和两个一个)。
每个手写数字具有具有维数1交叉778矩阵的像素值。
现在我想做二维的这些数字的散点图来检查它们是否是可分离的。
我试着在R中画那些图，但是最后的情节只是点的混合。我应该如何绘制，以使每个数字的散点图看起来与其他数字不同。我在密谋的时候是否朝着正确的方向前进？
请给我建议。
浏览 1提问于2012-01-20得票数 1
我正在使用散点图来可视化data 。我在一个页面上有两个以上的图表。我想保留两个选项，用户可以选择1.归一化按钮:x轴上的值将被归一化，并绘制新的图形。2.log y按钮:y轴上的值被更改为log y，并相应地在同一页面上构建新的图形。
d3.js该怎么做呢？
此外，我还使用Nodejs、Express和d3.js来绘制此图。
到目前为止，我已经建立了图表。这些是增加交互性的选项。
浏览 0提问于2014-04-01得票数 0
1回答
我怎么能生成这样的图呢？
、、、、
我遇到过这样一种图，它对给定的timeseries数据集执行分层聚类。有人能告诉我怎么画这样的图吗？
我对用R或Javascript实现持开放态度，尤其是使用d3.js。
浏览 2提问于2012-03-17得票数 31
回答已采纳
我有以下格式的数据，希望与D3.js散点图一起使用：
{
"0": [
{"X":"1", "Y":"1"},
{"X":"2", "Y":"2"},
{"X":"3", "Y":"3"},
{"X":"4", "Y":"4
浏览 4提问于2012-12-17得票数 0
2回答
如果我只想画残差，我可以
plot(model$residuals)
我会得到一个很好的散点图。我如何在ggplot2或巧妙地做同样的事情？我不想把残值和拟合值画成图。
谢谢，阿迪
浏览 16提问于2020-08-12得票数 1
回答已采纳
我正在使用d3.js中的散点图矩阵示例。我已经成功地将它与我的数据结合使用了。但是，我注意到当我使用鼠标十字线开始选择一个区域来突出显示其中的点时，选择区域的起始点将与我单击的位置相抵。我该怎么解决这个问题？下面是示例的链接和屏幕截图
浏览 2提问于2014-01-16得票数 1
回答已采纳
2回答
我正在用大量的点(500,000及以上)绘制一个散点图。
目前，我们正在使用Matplotlib在Python中进行此操作。它绘制点，并提供控制，以进行平移和缩放。我不相信它提供任何聚类或点，它只是绘制它们的全部-在放大的视图上没有什么意义，我想，但你可以放大，它们都在那里。
我正在考虑用JavaScript做图表，以使它更容易分发。我在看D3.js，看看类似的东西在那里是否可行。我确实找到了一个基本散点图的例子：
首先，你能画出这个点数吗？(500,000及以上)我的印象是，由于所有DOM对象的开销，你无法做到这一点？有办法解决这个问题吗？
其次，在D3.js中是否有任何类型的集群可用，或
浏览 2提问于2014-12-19得票数 6
回答已采纳
我在捣乱核心情节，表演让我很难受。I有多达43000个数据点()，在大约1500之后，核心图似乎正在失败。对于散点图，有多少点可以画？
也许还有其他的情节类型，可以让我在大视野内画出所有的43000点？
谢谢!
浏览 3提问于2011-10-19得票数 1
回答已采纳
1回答
我最近开始学习D3.js，并且我正在努力用以下数据在散点图中创建一个转换：
var data = [
{"year" : "2004", "x":100, "y":300, "size": 2, "type": "A"},
{"year" : "2005", "x":200, "y":200, "size": 2, "type": "A"},
{&#
浏览 2提问于2017-07-05得票数 2
回答已采纳
在我的UI5应用程序中，我需要实现一个像这样的“连接散点图”：
我找不到一种使用VizFrame库的来做类似事情的方法。
因为我通常更喜欢坚持标准，所以我查看了属性，如果有一些属性可以利用，但我找不到合适的。我是否遗漏了什么，或者我是否应该像博客文章中所说的那样，在自定义控件中使用d3.js？
浏览 16提问于2020-02-28得票数 1
回答已采纳
3回答
我使用R中的plot()函数创建了散点图。
有没有可能在这张图上画？
我想添加一条直线并获得它的参数，但在我看来abline()可能不方便(我想画很多条线并选择一条最合适的)。
我如何才能完成这项任务？
浏览 2提问于2011-09-02得票数 5
2回答
我在寻找一种方法，在一个实际的散点图中画两条水平线。我的x轴索引不是固定的，每次都在变化.所以我在寻找一条横贯图表的横线y=5和y= 18
我寻找了的解决方案，但我不知道如何使用Plotly的布局
我的散点图代码：
import plotly.express as px
df = pd.DataFrame({"x":[0, 1, 2, 3, 4,6,8,10,12,15,18], "y":[0, 1, 4, 9, 16,13,14,18,19,5,12]})
fig = px.scatter(df, x="x", y="y")
f
浏览 3提问于2020-06-09得票数 1
回答已采纳
1回答
我一直在尝试用线性回归线来绘制散点图，但是我的最后一幅图并没有出现。
%matplotlib inline
import matplotlib.pyplot as plt
from sklearn.linear_model import LinearRegression
linear_regressor = LinearRegression()
X = fish_df.iloc[:,2].values.reshape(-1,1)
Y = fish_df.iloc[:,4].values.reshape(-1,1)
linear_regressor.fit(X, Y)
Y_pred = l
浏览 4提问于2021-10-06得票数 0
回答已采纳
用FusionCharts制作发烧图有可能吗？
我试图用对角线制作一个散点图，但我需要画背景，但我找不到任何方法。
此外，图表背景不能是图像，因为绘图可能会改变(n种可能性)。
如果你知道其他的方法，请告诉我！
发烧图例子：
浏览 1提问于2014-06-17得票数 0
1回答
我使用d3.js来绘制散点图，我想绘制x和y轴，使它们在点(100，75).how处相交来做这件事？我在用
svg.append("g")
.attr("class", "axis")
.attr("transform", "translate(0," + (padding+223) + ")")
.call(xAxis2);
//Create Y2 axis
svg.append("g")
.attr("class", "a
浏览 2提问于2013-07-31得票数 2
回答已采纳
我使用D3.js创建了一个散点图，每20秒更新一次。它也是平底和放大的。问题是在平移过程中数据滞后于轴的后面。我已经寻找过类似实现的例子，但我所能找到的只是那些进行缩放/平移或间隔的实现，而不是两者兼而有之。我找不到问题的根源。我的代码的一个简化演示可以在这里找到：。任何帮助都是非常感谢的。
浏览 3提问于2014-06-11得票数 0
回答已采纳
6回答
我对Javascript、HTML、D3非常陌生，这里有一个愚蠢的问题:)
因此，我添加了一个文本框和按钮如下：
<div>
<input type="text" id="count" name="howmany">
<input type="button" id="drawbtn" value="draw">
</div>
然后，在我的<script type="text/javascript">标记中，我使用一些
浏览 7提问于2013-04-17得票数 0
回答已采纳
请参阅此处复制的示例- -命令+P以打印，我使用了这个打印/pdf输出的屏幕截图：
问题:网络上的，两个图像都很清晰。在打印并保存为PDF时，<img>标记中的徽标仍然是清晰的，而<svg>中使用带有fill属性的<svg:pattern>, <svg:image>, <svg:rect>的徽标则是模糊的。
目的：我们的web应用程序有许多SVG图表(想想散点图)，它们使用团队标识来代替散点图点。我们希望用户能够打印这些图表，并将这些图表保存为PDF格式，并具有清晰的图像。这是网上的一个截图，上面有清晰的标识。当我们将它保
浏览 8提问于2021-08-24得票数 0
回答已采纳
我遵循了数据可视化书中的工具提示示例，并希望创建一个d3.js图，它使用工具提示中的超链接内容。
我能够在这个可视化的 上添加超链接。我的超链接版本是。
但是，我用超链接工具提示对散点图进行更多的是行不通的。看来hrefs被正确地添加到DOM中了，但是有些东西阻止了链接的选择。
这就是我的工具提示如何处理游标在散点图中的一个点上盘旋的方式：
<div id="tooltip_svg_01" style="opacity: 1; left: 532.874px; top: 168px;">
<p><strong>Import
浏览 1提问于2016-01-06得票数 3
回答已采纳
2回答
我想用R绘制一个散点图，我用ggplot2绘制了这幅画：
data<-data.frame(x=runif(50),y=runif(50))
ggplot(data, aes(x,y))+geom_point()
但我想要点有不同的颜色根据"x“值，点属于以下"x”范围必须有不同的颜色。[0，0.2]，[0.2]，[0.2，0.4]，[0.4，0.6]，[0.6，0.8]，0.8，0.8，0.8，0.8。
浏览 5提问于2016-02-20得票数 0
回答已采纳
1回答
var selectZoom = d3.brush().extent([[0, 0], [WIDTH, HEIGHT]])
.on("brush",brush)
.on("end", brushended);
function brush(){
var selection = d3.event.selection;
console.log(selectZoom.extent()); // this prints function
浏览 2提问于2017-09-27得票数 0
回答已采纳
我需要使用D3.js为3个城市3年的降雨量做一些分类数据的散点图：
Year1 Year2 Year3
NY CA TX NY CA TX NY CA TX
17 20 15 23 10 11 14 15 17
16 18 12 15 21 22 20 18 19
13 22 16 17 25 18 17 25 18
19 18 13 16 21 20 22 15 16
(注意:这里的数据和图不匹配，只是为了解释我的查询)我对d3.js完全陌生。我尝试过一些简单散点图和条形图的教程，但我不知道如何显示像这样的分类图。
任何帮助我开始的人都将不胜感激。
编辑我重新排列了tsv文
浏览 1提问于2013-09-24得票数 0
1回答
谷歌图表中的水平间隔？
、、、
我在工作中使用了React，我们一直在考虑用内置的方法在散点图中的点周围画方框。现在，我们可以使用内置的垂直间隔，但是是否也有方法添加水平的间隔？
我似乎在任何地方都找不到这方面的任何东西。如果这是不可能的，我们能以其他方式实现同样的目标吗？
浏览 0提问于2019-02-11得票数 0
回答已采纳
目前我正在学习D3.js，并且面临着一个问题。我的问题是，当我尝试将散点图添加到我的折线图中时，这些散点图呈现在错误的位置。我真的不知道我错过了什么。
负责在mousemove事件上绘制散点图的函数：
´var rect = svg.append("rect")
.attr("class", "zoom")
.attr("width", width)
.attr("height", height)
.attr("transform",
浏览 1提问于2016-10-26得票数 0
我很惊讶你现在可以在javascript驱动的html5画布/svg中做什么，我想知道是否有任何用于.NET的绘图库可以具有类似的性能和使用简单性。我在想，如果有的话，我可以为.net构建一种类似于d3.js的工具。
我正在寻找一个可以让我实时绘制类似svg的元素的库。
有什么想法吗？
浏览 0提问于2012-09-22得票数 0
回答已采纳
我有一个由0和1组成的矩阵，我想把1画在矩阵中它们的位置。所以它看起来像矩阵，但不是1，而是一个标记，而不是0，什么也不是。有没有这样做的函数，或者我需要得到每个人的x和y，然后只做一个简单的散点图？谢谢你的帮助!
浏览 2提问于2011-12-20得票数 5
1回答
上下文
我使用d3.js & Lasso，以便允许用户在散点图上选择点。我希望他们能够在同一个散射点上选择多个星团，一个接一个。我在这里找到了一个如何做到这一点的例子：
问题
我想记录每一个点的选择，这样我就得到了一个数组，其中每个点都有一个它所属的簇的列表。例如，Dot1属于簇1,3,4。
问题
保存这些选择的最佳方法是什么？
浏览 4提问于2016-11-26得票数 0
回答已采纳
1回答
彩色图全子图
、、
我在彩色地图上有点麻烦。基本上，我想要制作的是类似于下面的图片。
在下面的子图上，我希望能够绘制相关的颜色，但是跨越整个子图的整个背景，也就是说，它看起来就像整个图上的彩色地图，没有画任何线或点。它仍应与散点图中显示的颜色相对应。
有可能这样做吗？理想情况下，我想做的是把这个背景放在最上面的子图下面。(y尺度是不同的单位)
谢谢你的帮助。
用于底部散点图的代码：
x = np.arange(len(wind))
y = wind
t = y
plt.scatter(x, y, c=t)
风是一维阵列的地方
浏览 2提问于2013-11-12得票数 2
回答已采纳
我希望实现ggplot2类型的图形使用d3.js库进行交互的目的。我喜欢ggplot2，但用户对交互式图形感兴趣。我一直在探索d3.js库，似乎有很多不同的图形功能，但我真的没有看到任何统计图形，如线性线，预测等。给定散点图，是否有可能也添加线性线到图中。
我有这个绘制散点图的示例脚本。如何在d3.js中将线性线添加到此图中？
// data that you want to plot, I've used separate arrays for x and y values
var xdata = [5, 10, 15, 20],
ydata = [3, 17, 4, 6];
浏览 0提问于2013-07-01得票数 5
回答已采纳
2回答
我正在使用d3.js和epoch绘制散点图。在图表中成为圆圈的值是基于对数值的，这使得我的两个轴都小于零。
var chart = $('#scatterchart').epoch({ type: 'scatter', data: scatterData, axes: ['bottom', 'left'], ticks: { right: 4, bottom: 4}, domain: [-1.4, 2], range: [-2,4], margins: { top: 10, right: 80, bottom: 60, left
浏览 14提问于2017-02-01得票数 1
我正在用d3.js绘制散点图。在这个问题的帮助下：
我用的是这个答案：
var w = window,
d = document,
e = d.documentElement,
g = d.getElementsByTagName('body')[0],
x = w.innerWidth || e.clientWidth || g.clientWidth,
y = w.innerHeight|| e.clientHeight|| g.clientHeight;
因此，我可以像这样将我的图与用户的窗口相匹配：
var svg = d3.s
浏览 221提问于2013-04-29得票数 198
回答已采纳
1回答
我目前遇到了一个问题，当我的html文件渲染成pdf时，我会添加分页符。 目前，我有一个生成散点图的函数，格式如下： function createScatterplot(row, column, group) {
## any d3 visualization code goes here
} 通过调用： createScatterplot(feature1, feature2, 'a')
createScatterplot(feature2, feature3, 'a')
createScatterplot(feature1, feature3,
浏览 20提问于2019-02-13得票数 3
2回答
在d3js中缩放行
、、、
我只是想使用d3.js库在javascript中绘制一个函数。我需要添加缩放和平移事件。我已经按照下面的例子来做了：
我在这个平面上画了几条线。我的问题是，当我缩放它时，线宽也发生了变化。我喜欢的是这条线在缩放时仍然保持原来的宽度。我想我必须重新画它，但我不确定这是不是最好的方法。
你能告诉我有没有更好的方法，或者给我举个简单的例子？谢谢!
浏览 1提问于2015-05-24得票数 4
1回答
我正在使用D3.js渲染3000个SVG圆圈。D3.js工作得很好，但是你需要用鼠标移动它们。在我的Safari桌面上工作得很好，但是，当我在Ipad上渲染它们时.从15 FPS降到2/1 FPS。
如果我只画500圈..。钢铁贫乏。有没有更好的表现的方法？
我用这个移动它们：
var diff = this.lastClientX - getD3MousePosition().X;
if(isNumber(diff)){
this.XLines.forEach(function(line){
li
浏览 5提问于2012-08-03得票数 4
我正在尝试复制示例。我包含相同的布局，但使用的是散点图，而不是线/区域图。
我开始研究我发现的结合了区域图和散点图的示例。但是，当我放弃区域图时，我就失去了缩放/聚焦功能。
我的最后一步(到目前为止还没有成功)是让画笔(底部的小焦点栏)实际响应主面板(当在画笔中选择较小的时间周期时，让它调整/放大)。画笔按其应有的方式调整轴，但我只是无法使画笔实际调整/放大主散点图上的点。我不想在画笔里画任何东西--会有很多点，所以保持笔刷有灰色背景，没有点是很好的。
这是我的小提琴：
Sidenote:我无法像我使用d3.csv的方式那样工作，所以我用虚拟数据编写了一个稍微修改过的版本，而不是使用d3.cs
浏览 4提问于2014-09-02得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
