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

Jump to bottom

Alternative map views #43

Open
nickdos opened this issue Nov 10, 2022 · 4 comments
Open

Alternative map views #43

nickdos opened this issue Nov 10, 2022 · 4 comments
Labels
front-end React

Comments

@nickdos
Copy link
Collaborator

nickdos commented Nov 10, 2022

Investigate alternative views for showing sequence data on a map.

Currently it is using a grid view based on SOLR heatmap API. Some alternatives are:

  • draw heatmap data as different sized circles based on density
  • draw all records as dots (may have performance issue) and may need to be processed as tiles?
@nickdos nickdos added the front-end React label Nov 10, 2022
@nickdos
Copy link
Collaborator Author

nickdos commented Nov 10, 2022 •
edited
Loading

Option 1 - not sure it works, in particular:

  • grid is rectangular and circles don't fill horizontal space
  • small points are hard to click on
  • overlapping circles result in confusing UX as to which area is intended to be activated

image

@nickdos
Copy link
Collaborator Author

nickdos commented Nov 10, 2022 •
edited
Loading

Put changes on this branch https://github.com/ARGA-Genomes/arga-web/tree/issue-43
Commit: 2708dce

nickdos added a commit that referenced this issue Nov 11, 2022
@nickdos
#43 Colour and size changes for map grids
2ed307c 
Also fixed legend display on mobile devices but needs a minimiser icon probably.
@nickdos
Copy link
Collaborator Author

nickdos commented Nov 11, 2022

Minor changes to start with:

image

@nickdos
Copy link
Collaborator Author

nickdos commented Nov 11, 2022

Moving to done but will leave open in case other suggestions are passed on.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
front-end React
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
1 participant
@nickdos