Flow/browser/vue-flow/src/components/circle.vue

<template>
  <circle
    class="mycircle"
    :cx="cx"
    :cy="cy"
    :r="r"/>
</template>
<script>
export default {
  props: {
    'cx': {type: Number, default: 0},
    'cy': {type: Number, default: 0},
    'r': {type: Number, default: 0}
  }
}
</script>
<style scoped>
.mycircle:hover {
  cursor:pointer;
  fill:transparent;
  stroke: #F00;
}

</style>