Moving from a tabbed area to switching on account dropdown

app/assets/sass/uswds/_data-visualization.scss

@@ -58,9 +58,10 @@ $failed: color('orange-30v');
   line-height: 1;
   .usa-tooltip__body {
     width: units(mobile);
+    font-size: units(1);
     height: auto;
     white-space: wrap;
-    line-height: 1.3;
+    line-height: units(1);
   }
 }
 
@@ -81,33 +82,79 @@ $failed: color('orange-30v');
 
 // tabs
 
-.tab {
-  display: flex;
-  margin-bottom: units(2);
+// .tab {
+//   display: flex;
+//   margin-bottom: 10px; /* Replace units(2) with 10px */
+// }
+
+// .tab button {
+//   cursor: pointer;
+//   border-radius: 0;
+//   margin-right: -1px; /* Replace units(-1px) with -1px */
+//   &:focus {
+//     outline-width: 2px;
+//   }
+//   &.active, &:hover {
+//     background-color: #0076d6; /* Assuming color("blue-60v") is #0076d6 */
+//     color: #FFF;
+//     box-shadow: none;
+//   }
+// }
+
+// .tabcontent {
+//   display: none;
+//   height: 400px;
+//   width: 100%;
+//   padding: 10px; /* Replace units(1) with 10px */
+// }
+
+#chartsArea {
+  min-height: 400px;
 }
 
-.tab button {
-    cursor: pointer;
-    border-radius: 0;
-    margin-right: units(-1px);
-    &:focus {
-      outline-width: 2px;
-    }
-    &.active, &:hover {
-      background-color: color("blue-60v");
-      color: #FFF;
-      box-shadow: none;
-    }
-}
-.tabcontent {
-    display: none;
-    padding: units(1);
-}
 .chart-subtitle {
-    text-align: left;
-    width: 100%;
-    font-size: size("body", 5);
-    font-weight: bold;
-    padding: units(1);
-    margin: 0;
+  text-align: left;
+  width: 100%;
+  font-size: units(2);
+  font-weight: bold;
+  padding: 10px;
+  margin: 0;
+}
+
+.chart {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  flex-direction: column;
+}
+
+.axis text {
+  font-size: size("body", 2);
+}
+
+.axis line,
+.axis path {
+  shape-rendering: crispEdges;
+  stroke: #000;
+  fill: none;
+}
+
+.bar {
+  fill-opacity: 0.8;
+}
+
+.chart-container {
+  width: 100%;
+  position: relative; /* Ensure it is relative for absolute positioning of tooltip */
+}
+
+#tooltip {
+  position: absolute;
+  display: none;
+  background: #fff;
+  border: 1px solid #ccc;
+  padding: 5px;
+  pointer-events: none;
+  font-size: size("body", 2);
+  z-index: 100; /* Ensure tooltip appears above other elements */
 }