Update format

src/App.css

@@ -9,7 +9,7 @@
   margin-top: 48px;
   margin-bottom: 48px;
   pointer-events: none;
-  color: #61DBFB;
+  color: #61dbfb;
   font-size: calc(50px + 10vmin);
   font-weight: bold;
 }
@@ -52,9 +52,9 @@
   grid-template-columns: auto 1fr;
   grid-template-rows: auto auto 1fr;
   grid-template-areas:
-      "header header "
-      "side   tools  "
-      "side   content"
+    'header header '
+    'side   tools  '
+    'side   content';
 }
 
 .stack {
@@ -98,9 +98,9 @@
   grid-template-columns: 1fr auto;
   grid-template-rows: auto auto auto;
   grid-template-areas:
-      "bar   box  "
-      "grid  box  "
-      "tree  tree "
+    'bar   box  '
+    'grid  box  '
+    'tree  tree ';
 }
 
 .tools {
@@ -144,13 +144,13 @@
   grid-area: tree;
 }
 
-.treemapTextField input{
-  height: 10px
+.treemapTextField input {
+  height: 10px;
 }
 
 .title {
   color: #263238;
   font-size: 14px;
   font-weight: bold;
-  font-family: Helvetica, Arial, sans-serif
+  font-family: Helvetica, Arial, sans-serif;
 }

src/components/visualizations/TreeMap.tsx

@@ -22,8 +22,8 @@ const processLineBreak = (text: string, maxNumChars = 15) => {
     }
   }
   words.push(currentLine);
-  return words
-}
+  return words;
+};
 
 export default function (props: TreeMapProps) {
   const [chartData, setChartData] = useState<TreeMapData>([]);
@@ -35,7 +35,11 @@ export default function (props: TreeMapProps) {
     `fe/${props.route}/topk`,
     queryKey,
     (data: TreeMapDataBackend) => {
-      setChartData(data.map(el => {return { y: el.y, x: processLineBreak(el.x) }}));
+      setChartData(
+        data.map((el) => {
+          return { y: el.y, x: processLineBreak(el.x) };
+        })
+      );
     },
     { k: k }
   );

src/types.ts

@@ -134,7 +134,7 @@ export type QueryParameters = {
 export type Status = {
   status: string;
   version: string;
-}
+};
 export type LdaVisData = {
   mdsDat: { x: number[]; y: number[]; topics: number[]; cluster: number[]; Freq: number[] };
   tinfo: {