Skip to content

Updates to data display and UI#3

Merged
johnarban merged 28 commits into
cosmicds:mainfrom
johnarban:almagal-browser
Jun 9, 2026
Merged

Updates to data display and UI#3
johnarban merged 28 commits into
cosmicds:mainfrom
johnarban:almagal-browser

Conversation

@johnarban

Copy link
Copy Markdown
Contributor

This PR adds

  • The ALMAGAL source table as SpreadSheetLayer with a 3D view and filters
  • Ability to show all (upto 4) FITS images on demand in current view
  • Synced all layers to have same colormap and stretch
  • Updated the engine version to fix nan values and add custom colormaps 🌈
  • "Show sources" toggle to show/hide the catalog
  • Hides "Search for Source" behind a search button.

Components

  • VLogSlider - this is a thin wrapper around v-slider which creates a symlog scaled slider for ease of manipulating ranges which span multiple orders of magnitude
  • RangeNumberInputs - uses <double-range-slider> webcomponent from @cnoelle double-range-slider-web.
  • Wwt3dSwitch is just a container to hold 3D-2D switching logic. Uses a slot for the control
  • ImagesetItem - converted to composition api (used ai to just "dumbly" push convert the syntax). Didn't need to do this, but I needed to while I was trying to use a local version of the engine for testing. Also put in some props to control it for our specific use case.

Composables

the composables are primarly just containers to setup layers, and probably shouldn't be classified as "composables" as most don't really rely on vue reactivity

  • useSourcesInView - checks which catalog sources (by ra and dec) are in the current view. Uses the vueUse watchThrottled to not update too quickly. It will break near 0/360 boundary and doesn't correct itself if in galactic view, and doesn't pay great circles or the roll, so it s only approximate.

The new 3D view :)

image

johnarban added 28 commits June 4, 2026 12:40
…n api

why update ImagesetItem - If trying to use a local version of the @wwtelescope/engine or engine-pina, the conflicing pinia versions (cosmicds/vue-toolkit is version 2.3.1, and the engine is 2.1.7)  cause yarn type-check to fail, preventing a build. instead we will just resolve to the vue-toolkit version, so they are close.
… properly. so instead just manually load things inside the main setup loop. this includes the useWtmlLoader (set autoload to false, load should probably be the asnyc callback, but it's ok for now)
…omparisons and add a helper function for adding hips via wtml and clean up some documentation. add a "loadHips" function but don't use it, wtml is better
@johnarban johnarban merged commit 31cec6e into cosmicds:main Jun 9, 2026
1 check passed
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.

1 participant