vue-template.vue

<template>
  <svg width="500" height="500">
    <g
      class="flower"
      v-for="flower in layoutData.children"
      :key="flower.data.name"
      :style="{
        transform: `translate(${flower.x}px, ${flower.y}px)`
      }"
    >
      <circle
        class=“flower__circle"
        :r=“flower.r"
        :fill=“flower.data.color"
      />
      <text class=“flower__label”>
        {{ flower.data.name }}
      </text>
    </g>
  </svg>
</template>