Finalize Mockups for App layout for ClinEpiDB viz tab

[danicahelb]

We will implement apps to differentiate individual-level viz tools from population-level viz tools

Consider if we want more than 2 sections (ie, break the population-level viz tools into sub-groups). Take a look at how mbio has organized pass-through app viz tools

[danicahelb]

https://www.figma.com/file/SZwh2ZJnAG7ffRnR8tXZZs/Individual-Summaries?node-id=26%3A420

[danicahelb]

Discussed in 10/10/2022 EDA UX mtg:

App-based layout is being discussed now because individual-level viz tools are a priority for implementation. We need a timeline for delivery before we can take down the legacy site

Folks preferred the more organized app-based layout. ClinEpiDB will have separate apps for population distributions, counts, x-y relationships (like mbio). Additionally, all individual-level viz tools will be organized into their own app.

Roll-out of app-based layout:

• Roll-out can happen BEFORE any of the individual-level viz tools are ready for release
• App-based viz tool layout will align the ClinEpi site with mbioRoll-out should happen simultaneously alongside other proposed changes to the viz tab flow: https://github.com/VEuPathDB/web-monorepo/issues/767

Verbiage needs work, @danicahelb will update mockups

[dmfalke]

Implementation note: the URL to a viz currently includes the "app instance" id. Splitting up the pass app will invalidate these URLs. I think we should change the URL schema to only include the viz id. We can add a redirect for the existing URL schema for a viz to the new one. This will allow old URLs to continue to work, regardless of the "app instance" id.

[bobular]

I just noticed that microbiome doesn't have an 'x' icon to abort from the visualizations/new page. (ClinEpi does)

This is probably something that should be consistent and can be addressed with the redesign.