在 div HTML 中定位多个 SVG 元素

Question

我有 2 个图表，如下所示：

我需要在条形图旁边显示标签云。我正在使用 D3 显示这些图表，我的 HTML 分区看起来像这样（svg1 显示条形图，svg2 显示标签云）：

如有任何帮助，我将不胜感激。这里是DEMO。在演示中，我希望圆圈出现在条形图旁边。

谢谢！

Answer 1

为什么不像这里那样在 your demo

上浮动元素

d3.select("body").append("div")
    .attr("id","area1")
    .style("width", 500)
    .style("float","left");

和

function wordCloud(){
    var wC = {};

    d3.select("body")
    .append("svg")
    .style("float","left")
    .attr("width", 50)
    .attr("height", 50).append("circle").attr("cx", 25).attr("cy", 25).attr("r", 25).style("fill", "purple");
    return wC;
}

在 div HTML 中定位多个 SVG 元素

Positioning multiple SVG elements in div HTML

html

javascript

svg

position

d3.js