Skip to content

Comments

Add Image labeling guide with taxonomy navigation and attribute filters#44

Merged
anderstorstensson merged 15 commits intomasterfrom
next
Feb 16, 2026
Merged

Add Image labeling guide with taxonomy navigation and attribute filters#44
anderstorstensson merged 15 commits intomasterfrom
next

Conversation

@anderstorstensson
Copy link
Member

Overview

This PR introduces the Image Labeling Guide, a new dedicated feature for exploring automated imaging sample images with enhanced navigation and filtering capabilities.

Features

  • Image labeling guide: New page showcasing curated automated images (e.g. IFCB) for training and identification
  • Taxonomy sidebar: Interactive plankton group hierarchy with expandable taxonomy tree and image counts
  • Attribute filters: Filter images by imaging instruments, institutes, and geographic areas
  • Gallery views:
    • Landing page displays one representative image per taxon
    • Taxon pages show full image gallery with lightbox viewer and detailed metadata
  • Improved image management: Citizen science images separated from expert images across the platform

Additional Changes

  • Updated Node.js version from 18 to 22 in CI/CD
  • Bump all dependencies (including sass, webpack, babel, and many others)
  • Filter out null/undefined artist names in Hall of Fame
  • Hide browser's default search input clear button
  • Refine statistics section layout (2/3/6 columns responsive design)
  • Add lodash and qs package dependencies with version pinning

anderstorstensson and others added 15 commits January 7, 2026 14:51
* Add image labeling page with filters, and home/taxon integration

* Filter out contributors with undefined artist names

* Exclude Citizen science images from Home

* Hide the browser's default clear button
* Improve mobile page

* Allow unknown taxa

* fix scroll

* Add institute filter

* Avoid duplicate push to url history

* Active ESC for closing image dialog
* Bump dependencies

* Allways scroll to topp

* Fetch counts instead of loading all images

* Use backend support for generating first page

* Improve layout
* Center content on mobile

* Make training dataset link clickable
* Add more metadata

* Use priority
* Move citizen science images to separate view

* Add geographical area filter

* Bump dependencies

* Bump Node.js to current LTS in workflow
* Add Stats/Graphics for Citizen Science on frontpage

* Reorganize files
…er input) (#34)

* Use taxonomic tree in sidepanel instead of taxa names

* Remove empty ruleset

* Include full tree and collapse by default

* Fix performance issues with tree
* Bump diff

* Use a simplified tree
…p dependencies (#39)

* Use diff 5

* Bump lodash

* Redesign image labeling sidebar with plankton group hierarchy from user input

- Replace taxonomic tree with expandable plankton groups structure: Plankton Group → Taxon → Class names (titles)
- Add expand all, collapse all, and reset buttons for navigation
- Expand plankton groups by default on page load
- Show taxa count instead of image count for "All taxa" button
- Add visual separator between "All taxa" and plankton groups list
- Change unknown taxon URL parameter from __no_taxon__ to "unknown"
- Add RTK Query hook for new grouped_by_plankton endpoint

* Deduplicate lodash to a single version
* Update image labeling landing page text and sidebar heading style

Rewrite landing page intro with clearer description of the guide's
purpose and goals. Remove redundant h1 title. Style the sidebar
heading with larger font size and semibold weight to look more like
a title.

* chore: bump version to 2.4.0 and update CHANGELOG

* chore: update CHANGELOG release date to February 16
@anderstorstensson anderstorstensson merged commit d0d16c4 into master Feb 16, 2026
4 checks 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