D3.js 绘制散点图

Posted 雪原那么远

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了D3.js 绘制散点图相关的知识,希望对你有一定的参考价值。

对于散点图,使用的数组需要包含坐标元素,即 x, y。同时,散点图需要使用 circle 元素。

var svg = d2.select("body")
    .append("svg")
    .attr({
        width:w,
        height:h
})

svg.selectAll("circle")
    .data(dataset)
    .enter()
    .append("circle")
    .attr("cx",function(d){
        return d[0];
    })
    .attr("cy",function(d){
        return d[1];
    })
    .attr("r",5);

 

以上是关于D3.js 绘制散点图的主要内容,如果未能解决你的问题,请参考以下文章

html D3byEX 6.1:散点图(适用于D3.js v4)

100天精通Python(可视化篇)——第82天:matplotlib绘制不同种类炫酷散点图参数说明+代码实战(二维散点图三维散点图散点图矩阵)

如何使用python绘制散点图?

plotlyexpress绘制的散点图没有电

D3.js:使用元素位置而不是鼠标位置定位工具提示?

python散点图横坐标文字倾斜