From ad7fffa4489efb5ae57be6ab6bb8d17ae1a9b47b Mon Sep 17 00:00:00 2001
From: "nicolas.marsal" <nicolas.marsal@sundayapp.com>
Date: Mon, 18 Jul 2022 23:18:21 +0200
Subject: [PATCH] feat: add name in word cloud

---
 src/App.vue                         |  1 -
 src/components/common/WordCloud.vue | 17 ++++++++++++++---
 2 files changed, 14 insertions(+), 4 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index 9399f9e..472c424 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -12,7 +12,6 @@ import WordCloud from "@/components/common/WordCloud.vue";
 <template>
   <div class="main">
     <div class="left">
-      <FirstNameAndLastName />
       <div
         style="
           display: flex;
diff --git a/src/components/common/WordCloud.vue b/src/components/common/WordCloud.vue
index 009caa6..af66946 100644
--- a/src/components/common/WordCloud.vue
+++ b/src/components/common/WordCloud.vue
@@ -45,7 +45,7 @@ export default defineComponent({
     },
     computeWords() {
       this.loading = true;
-      const words = Object.keys(skills)
+      let words: (cloud.Word & { size: number })[] = Object.keys(skills)
         .map((p) => skills[p])
         .map((s) => ({ text: s.name, size: s.score }));
 
@@ -65,11 +65,22 @@ export default defineComponent({
         const range = 120 * (1 - ((s - min) / (max - min)) * 0.7);
         return Math.random() * range - range / 2;
       };
+      words = [
+        {
+          size: max * 1.6,
+          text: "Nicolas Marsal",
+          rotate: -30,
+          padding: 6,
+          x: 0,
+          y: 0,
+        },
+        ...words,
+      ];
       cloud<{ size: number } & cloud.Word>()
         .size([this.width!, this.height!])
         .words(words)
-        .padding(1)
-        .rotate((w) => randomRotate(w.size))
+        .padding((w) => w.padding ?? 1)
+        .rotate((w) => w.rotate ?? randomRotate(w.size))
         .spiral("archimedean")
         .fontSize((d) => scaleFontSize(d.size))
         .on("end", (d: cloud.Word[]) => {