Mit Diagrammen in der Mitte ausrichten - d3

Question

Ich habe drei Diagramme, die ich möchte alle in der Mitte der HTML-Seite sein. Ich weiß, dass diese Frage schon einmal gestellt wurde, aber keine der Lösungen funktionierte für mich:

Ich versuchte this und this Referenzen.

Können Sie mir eine Rückmeldung zu diesem Plunker geben, um Diagramme in der Mitte der Seite zu haben?

svg{ 
    display: block; 
    margin: auto; 
    } 

Answer 1

Wickeln Sie das SVG in einem div

<div class="svg-div"> 
    //your svgs\ 
</div> 

dann

in Ihrem css

.svg-div{ 
    display: inline-block; 
    margin: 0 auto; 
    } 

Sie können die Breite auf dem div anpassen müssen auch