-
Notifications
You must be signed in to change notification settings - Fork 1.5k
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
feat(paths): add paths-v2 visualization #28495
Conversation
Size Change: +2.93 kB (+0.03%) Total Size: 9.72 MB
|
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
PR Summary
This PR introduces a new feature-flagged paths visualization (paths-v2) with improved visual styling and interaction capabilities using D3.js and Sankey diagrams.
Key changes:
- Added new
PATHS_V2
feature flag with proper ownership and team assignment - Implemented D3.js-based Sankey diagram visualization with recursive node/link highlighting and improved styling
- Created comprehensive path utilities for URL handling and node selection with proper test coverage
- Added responsive canvas sizing with proper cleanup and theme support through CSS variables
- Introduced pathsDataLogic for managing state and interactions, including funnel conversion capabilities
Some concerns:
- The copyName function in PathNodeLabel incorrectly uses captureException as a success handler
- Missing accessibility attributes for interactive elements in the visualization
- Limited test coverage for edge cases and error handling scenarios
- Use of !important in CSS suggests potential style conflicts that need resolution
12 file(s) reviewed, 24 comment(s)
Edit PR Review Bot Settings | Greptile
dateRange: { | ||
date_from: values.dateRange?.date_from, | ||
}, |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
logic: only copying date_from but not date_to from dateRange could lead to inconsistent date ranges in the funnel view
dateRange: { | |
date_from: values.dateRange?.date_from, | |
}, | |
dateRange: { | |
date_from: values.dateRange?.date_from, | |
date_to: values.dateRange?.date_to, | |
}, |
Co-authored-by: Raquel Smith <[email protected]>
Co-authored-by: github-actions <41898282+github-actions[bot]@users.noreply.github.com> Co-authored-by: Paul D'Ambra <[email protected]> Co-authored-by: James Greenhill <[email protected]>
Problem
We're working on an improved version of the paths insight.
Changes
This PR adds a feature flaged (
paths-v2
) variant of the paths insight. It contains visual improvements to the insight and works best if theedgeLimit
is decreased to a value of 15. In a follow up PR theedgeLimit
should be replaced with a limit of edges per "column".How did you test this code?
👀