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

Feature/scatterplot heatmap #844

Merged
merged 17 commits into from
Feb 25, 2022
Merged

Conversation

adrianmroz-allegro
Copy link
Contributor

No description provided.

@github-actions
Copy link

✅ Deployed successfully to: https://turnilo-feature-scatterplot-heatmap-gmbbyye42a-ew.a.run.app

@kzadurska
Copy link
Collaborator

kzadurska commented Feb 22, 2022

Link to local turnilo just in case. Ticks count is not so reliable 🤔

Nagranie.z.ekranu.2022-02-22.o.15.56.31.mov

@adrianmroz-allegro
Copy link
Contributor Author

Ticks count is not so reliable

I blame ticks :) Will look into it, nice we have e2e test for ticks count!

const xPosition = xScale(x0);
const width = xScale(x1) - xPosition;
const yPosition = yScale(y1);
const height = yScale(y0) - yScale(y1);
Copy link
Contributor Author

Choose a reason for hiding this comment

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

Suggested change
const height = yScale(y0) - yScale(y1);
const height = yScale(y0) - yPosition;

@kzadurska
Copy link
Collaborator

Zrzut ekranu 2022-02-23 o 13 49 05
Found this case, where our calculations are not correct even without changing the screen size 😳

@github-actions
Copy link

✅ Deployed successfully to: https://turnilo-feature-scatterplot-heatmap-gmbbyye42a-ew.a.run.app

We should have one bin less than ticks.
Do not filter out 0 value for ticks.
@github-actions
Copy link

✅ Deployed successfully to: https://turnilo-feature-scatterplot-heatmap-gmbbyye42a-ew.a.run.app

If it is stupid and it works, it is not stupid
@github-actions
Copy link

✅ Deployed successfully to: https://turnilo-feature-scatterplot-heatmap-gmbbyye42a-ew.a.run.app

@github-actions
Copy link

✅ Deployed successfully to: https://turnilo-feature-scatterplot-heatmap-gmbbyye42a-ew.a.run.app

@github-actions
Copy link

✅ Deployed successfully to: https://turnilo-feature-scatterplot-heatmap-gmbbyye42a-ew.a.run.app

Copy link
Member

@mkuthan mkuthan left a comment

Choose a reason for hiding this comment

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

A few questions:

  1. blue colour for the summary - intentional or not?
  2. settings label is "Show heatmap summary" but legend label is just a "count" - could we make it more consistent?
  3. have you checked CSS theming compatibility?
  4. have you checked "lower is better" for timeshift?

@kzadurska
Copy link
Collaborator

Note to self, another issue to look into:
Heatmap vs pinboard [klik]

Nagranie.z.ekranu.2022-02-24.o.12.11.40.mov

@kzadurska
Copy link
Collaborator

@mkuthan

  1. blue colour for the summary - intentional or not?
  2. have you checked CSS theming compatibility?

Blue is intentional:

  • contrast to orange
  • similar in hue to item-measure tiles above

Currently Turnilo does not have support for a secondary color. And I think we don't have a possibility to pass to TS colors defined in CSS. I'd leave it as is for now. Created na issue #852 so that it is addressed.

  1. settings label is "Show heatmap summary" but legend label is just a "count" - could we make it more consistent?

Renamed to "Count per summary bin" so that it includes summary, but is it enough or should we use split title here in some form as well? Naming is the hardest part, we can brainstorm this, if you want. I'm open to suggestions :)

  1. have you checked "lower is better" for timeshift?

In https://github.com/allegro/turnilo/pull/843/files I used SeriesBubbleContent, which in turn uses MeasureBubbleContent, where "lower is better" setting is passed, take a look here https://github.com/allegro/turnilo/blob/master/src/client/components/series-bubble-content/series-bubble-content.tsx#L39

@github-actions
Copy link

✅ Deployed successfully to: https://turnilo-feature-scatterplot-heatmap-gmbbyye42a-ew.a.run.app

@github-actions
Copy link

✅ Deployed successfully to: https://turnilo-feature-scatterplot-heatmap-gmbbyye42a-ew.a.run.app

@kzadurska kzadurska self-assigned this Feb 24, 2022
@kzadurska kzadurska requested a review from mkuthan February 24, 2022 15:20
@kzadurska kzadurska merged commit ad0e1d3 into feature/scatterplot Feb 25, 2022
@kzadurska kzadurska deleted the feature/scatterplot-heatmap branch February 25, 2022 10:49
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