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.

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(experiments): add delta timeseries chart UI #27960

Merged
merged 6 commits into from
Jan 28, 2025

Conversation

jurajmajerik
Copy link
Contributor

Changes

Feature flag: experiments-interval-timeseries

Add a chart with dummy data as preparation for #26931. The chart opens when you click on a credible interval bar.

image

How did you test this code?

👀

@jurajmajerik jurajmajerik requested a review from a team January 28, 2025 14:00
Copy link
Contributor

github-actions bot commented Jan 28, 2025

Size Change: +65 B (+0.01%)

Total Size: 1.16 MB

ℹ️ View Unchanged
Filename Size Change
frontend/dist/toolbar.js 1.16 MB +65 B (+0.01%)

compressed-size-action

@posthog-bot
Copy link
Contributor

📸 UI snapshots have been updated

3 snapshot changes in total. 0 added, 3 modified, 0 deleted:

  • chromium: 0 added, 3 modified, 0 deleted (diff for shard 2)
  • webkit: 0 added, 0 modified, 0 deleted

Triggered by this commit.

👉 Review this PR's diff of snapshots.

@posthog-bot
Copy link
Contributor

📸 UI snapshots have been updated

1 snapshot changes in total. 0 added, 1 modified, 0 deleted:

  • chromium: 0 added, 1 modified, 0 deleted (diff for shard 2)
  • webkit: 0 added, 0 modified, 0 deleted

Triggered by this commit.

👉 Review this PR's diff of snapshots.

@posthog-bot
Copy link
Contributor

📸 UI snapshots have been updated

2 snapshot changes in total. 0 added, 2 modified, 0 deleted:

  • chromium: 0 added, 2 modified, 0 deleted (diff for shard 2)
  • webkit: 0 added, 0 modified, 0 deleted

Triggered by this commit.

👉 Review this PR's diff of snapshots.

Copy link
Contributor

@danielbachhuber danielbachhuber left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Chart looks great!

CleanShot 2025-01-28 at 07 21 31@2x

@@ -0,0 +1,151 @@
import { Chart, ChartConfiguration } from 'chart.js/auto'
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

It would be nice to have a storybook for this (at some point in the future) that includes the various permutations of data (zero days, one day, 100 days)

@@ -401,6 +404,16 @@ export function DeltaChart({
})
}}
onMouseLeave={() => setTooltipData(null)}
onClick={() => {
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

It's not intuitive to me that hovering produces one UI and clicking produces another UI. Not a blocker, though.

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Yep, can adjust later 👍

@jurajmajerik jurajmajerik merged commit 659b741 into master Jan 28, 2025
99 checks passed
@jurajmajerik jurajmajerik deleted the experiments-timeseries-chart-ui branch January 28, 2025 15:31
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.

3 participants