Update createDiversityGaugeChart to use d3.js radial functions in place of multiple linear functions

microsetta_interface/static/css/minimal_interface.css

@@ -1607,4 +1607,94 @@ input.barcode-checkbox[type=checkbox]:checked+label {
     .navbar-expand-custom .navbar-toggler {
         display: none;
     }
-}
+}
+
+.two-column-layout {
+    display: flex;
+    flex-direction: column;
+    align-items: flex-start;
+    gap: 52px;
+}
+
+.report-text-column {
+    flex: 1;
+    text-align: left;
+    max-width: 1280px;
+    margin-left: auto;
+    margin-right: auto;
+}
+
+.report-header {
+    color: var(--tmi-blue);
+    font-size: 24px;
+    font-style: normal;
+    font-weight: 600;
+    line-height: 40px;
+}
+
+.report-text-container {
+    width: 696px;
+    height: 500px;
+}
+
+/* CSS for diversity Gauge arc */
+/* See diversity gauge function for most color styles */
+.diversity-gauge-container {
+    margin-top: 1rem;
+    padding-top: 1.5rem;
+    margin-bottom: 1rem;
+    display: flex;
+    justify-content: flex-start;
+}
+
+#diversity-gauge-chart {
+    max-width: 800px;
+    border-radius: 20px;
+    background: var(--White, #FFF);
+    box-shadow: 0px 0px 20px 2px rgba(102, 102, 102, 0.30);
+    flex: 1;
+}
+
+.diversity-gauge-score-num {
+    font-size: 18px;
+    font-weight: 700;
+    line-height: 24px
+}
+
+.diversity-gauge-score-text {
+    font-size: 16px;
+    line-height: 1.3;
+    font-family: 'Mulish';
+    font-weight: 400;
+    font-style: normal;
+}
+
+.diversity-gauge-score-text-link {
+    fill: #085ee6;
+    font-family: 'Mulish';
+    font-size: 16px;
+    line-height: 1.3;
+    font-weight: 400;
+    line-height: normal;
+}
+
+a .diversity-gauge-score-text-link:hover {
+    fill: #085ee6;
+    text-decoration: underline;
+}
+
+.diversity-gauge-avg-score {
+    font-size: 54px;
+    font-family: Mulish;
+    font-weight: 700;
+    line-height: normal;
+    text-anchor: middle;
+}
+
+.diversity-gauge-title {
+    font-size: 16px;
+    line-height: 26px;
+    font-family: 'Mulish';
+    font-weight: 700;
+    font-style: normal;
+}