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.

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

Create visualization dashboard #1032

Merged
merged 119 commits into from
Aug 22, 2024

Conversation

YukaUU
Copy link
Contributor

@YukaUU YukaUU commented Aug 17, 2024

Created a dashboard for visualizations of annotation information
A new ViewerGraph button was added to the info page.
info_topPage
When the button is pressed, the following dashboard page is displayed
dashboard_full
Clicking the button in the upper right corner of the graph will display a modal with a more magnified view of the graph.
modal_full
Responsive support is available.
iphonePro
iphone_pro

Summary

Create a button to go to the new dashboard screen.
Create a dashboard

Motivation

To visualize annotation information

Testing

- annotation: 0, user:0

Dashboard
anno_0_pre_0
DB
anno_0

- annotation: 2, user:1

Viewer
anno_1_pre_1
Dashboard
aano_1_pre_1_dashboard
DB
anno_1_pre_1_db

- annotation: 4, user:2

Viewer
user2_anno_1_pre_1
Dashboard
user2_anno_1_pre_1_dashboard
DB
user2_anno_1_pre_1_dashboard_db

Questions

@birm birm self-requested a review August 21, 2024 17:41
Copy link
Member

@birm birm left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This looks good, and satisfies the requirements of the GSOC 2024 agreement we had! Great work! Thanks for working with us. If you're interested to continue working with this project or caMicroscope or open source, I'd recommend taking time to decide your personal goals so we can help you find projects which are inherently valuable to you!

}
}

function sanitize(string) {
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Good idea!!

const data = await store.findSlide();
if (data.length == 0) {
var div = document.querySelector('.container');
div.textContent = `No Data Found ... x _ x`;
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

cute!

@birm birm merged commit b0d5db7 into camicroscope:develop Aug 22, 2024
1 of 2 checks passed
@YukaUU YukaUU changed the title Create visualizations dashboard Create visualization dashboard Aug 24, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants