Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

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

Open
wants to merge 15 commits into
base: master
Choose a base branch
from
Open

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

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
15 commits
Select commit Hold shift + click to select a range
ed46171
init
ayobi Nov 20, 2024
0bac1b1
Merge branch 'biocore:master' into report_overhaul_phase2
ayobi Nov 21, 2024
55bc905
diversity score revamp
ayobi Nov 20, 2024
c47dcc6
changes based on feedback
ayobi Nov 25, 2024
d0324cf
update hardcodes values with constants
ayobi Nov 26, 2024
2e2ec5d
Merge pull request #325 from ayobi/report_overhaul_phase2
cassidysymons Jan 8, 2025
3cbdeb8
Fix single and double quote mismatch when combining strings and varia…
lmerchant Jan 22, 2025
6509190
Modify create diversity gauge function to use rotation D3 funcs
lmerchant Jan 24, 2025
0c53fb7
Change arc to range from minimum to maximum diversity value in dataset
lmerchant Jan 24, 2025
7b07810
Undo quote changes caused by code editor
lmerchant Jan 27, 2025
dd0267b
Revert minimal_interface.css back to original state before diversity …
lmerchant Jan 27, 2025
11ce3e5
Move styles out of new_results_page.jinja2 into minimal_interface.css
lmerchant Jan 27, 2025
b68ec85
Add CSS styles to make diversity gauge responsive
lmerchant Jan 28, 2025
2c29c95
Update CSS and update diversity chart function
lmerchant Jan 30, 2025
9b63f57
Remove color svg lines used in previous version of diversity gauge fu…
lmerchant Jan 30, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
92 changes: 91 additions & 1 deletion microsetta_interface/static/css/minimal_interface.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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;
}
Loading