在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;
}