Mettez 2 svg côte à côte

Je peux utiliser 2 svg sur un seul écran dans d3.js. Le Code ressemble à ça et ça marche très bien:

<svg width="880" height="800" id="svg1"></svg> <svg width="880" height="800" id="svg2"></svg> var svg1 = d3.select("#svg1"); var svg2 = d3.select("#svg2"); 

Mon seul problème est que svg2 apparaît sous svg1. Mais mon objectif est de les mettre côte à côte. Savez-vous comment résoudre ce problème? J'ai essayé de manipuler la position x de svg2 avec ce code:

 <svg cx="880" cy"100" width="880" height="800" id="svg2"></svg> 

Mais ce n'était pas la bonne solution. Merci les gars!!

• Enveloppez chaque mot d'un contenu html dans une portée
• Devrais-je charger une conception réactive via JS ou CSS
• Alignez les images et div horizontalement
• Comment faire défiler une page vers le bas et une fois que vous appuyez sur la fin de la barre latérale, laissez-la au bas de la page
• Comment puis-je renvoyer la valeur du menu déroulant désactivé après la soumission?

• Désactiver l'entrée de zoom automatique sur les appareils mobiles
• Augmenter la valeur href par un (Javascript)
• Changement d'image de fond d'un bouton sur l'événement onclick
• Arrêter les étiquettes flottantes de réinitialiser à la position d'origine
• Les JS angulaires attribuent la classe à l'étiquette du corps en fonction de la vue affichée?

 var svg = d3.select("body") .selectAll("feynman") .data([0,1]) .enter() .append("svg") .attr("width", 100) .attr("height", 100) .style("background-color", function(d){ return d? "blue" : "orange"; }); 

 <script src="https://d3js.org/d3.v4.min.js"></script>