Implémentation d'un diagramme circulaire à bulles : un guide étape par étape

Question

Je dois mettre en œuvre ceci :

Honnêtement, je ne sais pas comment rechercher ça sur Google. Je recherche une solution Vue/Nuxt ou des conseils généraux sur la façon de l'implémenter.

Edit : Désolé, je suppose que c'est une mauvaise question. Je ne demande pas de tutoriel sur la façon de faire des cercles. Je dois créer différents graphiques à l'aide de l'API. Pour tous ceux qui recherchent cela, j'ai trouvé le Bubble Cloud Chart dans vue-graph

Answer 1

Utilisez du CSS simple :

#pie {
  width: 100px;
  height: 100px;
  
  border: 1px solid rgba(0,0,0,0.1);
  border-radius: 50%;
  background-color: #F3F3F4;
  
  
  /* Center text */
  display: flex;
  justify-content: center;
  align-items: center;
}

  
32%