<svg:g [attr.transform]="'translate(' + node.x + ',' + node.y + ')'">
    <svg:circle *ngIf="node.selected"
                class="node-shadow"
                cx="0"
                cy="0"
                [attr.filter]="node.dropshadow"
                [attr.r]="node.rBase - 2"
    >
    </svg:circle>
    <svg:circle class="node-base"
                cx="0"
                cy="0"
                [attr.r]="node.rBase"
                fill="white"
    >
    </svg:circle>
    <svg:circle class="node"
                [attr.fill]="node.color"
                cx="0"
                cy="0"
                [attr.r]="node.r"
    >
    </svg:circle>
    <svg:circle *ngIf="node.selected" class="node-content"
                cx="0"
                cy="0"
                [attr.r]="node.rContent"
                fill="white"
    >
    </svg:circle>
    <svg:text
            class="node-id"
            [attr.font-size]="node.fontSizeId + 'px'"
            [style.dominant-baseline]="node.selected ? 'auto' : 'central'"
            [style.fill]="node.selected ? '#002c5a' : 'white'"
            style.font-family="'Arial', sans-serif"
            text-anchor="middle"
            font-weight="bold"
    >
        {{node.id}}
    </svg:text>
    <svg:text *ngIf="node.selected"
              class="node-name wrapper"
              [attr.font-size]="node.fontSizeName + 'px'"
              [style.baseline-shift]="node.selected ? '5px' : null"
              dominant-baseline="text-after-edge"
              text-anchor="middle"
              font-family="'Arial', sans-serif"
              font-weight="bold"
              fill="#002c5a"
              baseline-shift="-10px"
              dominant-baseline="hanging"
    >
        {{node.name}}
    </svg:text>
    <svg:text *ngIf="node.selected"
              class="node-codec wrapper"
              [attr.font-size]="node.fontSizeCodec + 'px'"
              dominant-baseline="hanging"
              font-family="'Arial', sans-serif"
              text-anchor="middle"
              font-weight="bold"
              fill="#dc4400"
    >
        {{node.codec}}
    </svg:text>
</svg:g>