8000 Tracker: Widgets · Issue #9490 · visgl/deck.gl · GitHub
[go: up one dir, main page]
More Web Proxy on the site http://driver.im/
Skip to content

Tracker: Widgets #9490

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
Open
27 of 60 tasks
ibgreen opened this issue Mar 4, 2025 · 0 comments
Open
27 of 60 tasks

Tracker: Widgets #9490

ibgreen opened this issue Mar 4, 2025 · 0 comments
Assignees
@chrisgervang @ibgreen
Labels
tracker

Comments

@ibgreen
Copy link
Collaborator
ibgreen commented Mar 4, 2025 •
edited
Loading

Goal: Leverage the new widget support in deck.gl. Increase the catalog of pre-built widgets, improve the usability of the widget system. Support both the geospatial and info vis domains

v9.3+

  • GimbalWidget - handle more viewport types
  • CompassWidget - handle more viewport types
  • TimelineWidget - more features, better styling
  • InfoWidget - Decide on if and how to align with getTooltip()

v9.2 Punch List

  • Graduate _ResetViewWidget -
  • Graduate _ScreenshotWidget -
  • Graduate _ThemeWidget -
  • Graduate _ScaleWidget -
  • Graduate _TimelineWidget - Address feedback in feat(widgets): minimal TimelineWidget (PoC) #9587
  • Graduate _SplitterWidget - Address issues in [feat]: SplitterWidget #9565
  • Graduate _GeolocateWidget
    • Add option where the geocoder is just a small button and clicking on it opens the text field. Right now it permanently occupies a lot of space, not really fitting in to a column of widgets on the side.
  • Graduate _InfoWidget -
    • support onHover
    • Define semantics of popups when using multiple viewports. @chrisgervang
  • Custom widget developers guide @chrisgervang docs(widgets) Custom Widget Developer Guide #9304
  • use CSS variables and add theming for these. --popup-background and --popup-padding @chrisgervang
  • Add React Wrappers + Doc updates for new widgets feat(react): Add missing react widget wrappers #9589
  • Add new widgets to the python sub-module
  • Interactive examples or at least screenshots on each widget page
  • Add InfoWidget @felixpalmer
  • Modify widget example to include InfoWidget @felixpalmer
  • Auto reposition the popup so it is not covered when at the edges of the canvas @ibgreen
  • Add minOffset prop to keep the popup from "touching" the edge. @ibgreen
  • Add a small "arrow" / "tip" extrusion to point to the selected point @ibgreen
  • Ensure the improved positioning is recalculated when panning the view @ibgreen

Simple Widget Library Wish List

"Advanced" Widgets Wish List

Components Wish List

  • IconMenu
  • IconToggle

Widget System Features

Widget System Docs

General deck improvements that would benefit Widgets

The following improvements to deck.gl could benefit the widget system or enable useful widgets

  • Add a declarative template system for creating tooltip / popup HTML. RFC in [Feat] tooltip template syntax #9551
  • Allow views to set background color - Without it, ScreenshotWidget images are not as expected.
  • Selection extension module? - Needed for "plotly style" selection widget?

PopupWidget tracker

A PoC was landed as _InfoWidget as a placeholder until we have a better solution, it attracted a lot of feedback: Given the amount of feedback, we may want to align on requirements / assumptions:

  • Click?
  • Hover?
  • Programmatic creations (multiple popups?)?

Misc Feedback

@Pessimistress A "real" popup does the following

  • control placement relative to the anchor, or automatically positioned to fit in the map container; @ibgreen
  • have a tip that points to the anchor, like that from Google Maps or Maplibre; @ibgreen
  • have a close button and/or
  • closes when clicked outside; @felixpalmer
  • can render multiple instances on map with the correct z order;

Tooltip tip/arrow

image
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@chrisgervang chrisgervang

@ibgreen ibgreen

Labels
tracker
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
3 participants
@chrisgervang @ibgreen @ibgreen-openai
0