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: Update Scatter Chart Legend #260

Merged
merged 7 commits into from
Aug 31, 2022
Merged

Conversation

chadstewart
Copy link
Contributor

@chadstewart chadstewart commented Aug 24, 2022

What type of PR is this? (check all applicable)

  • πŸ• Feature
  • πŸ› Bug Fix
  • πŸ“ Documentation Update
  • 🎨 Style
  • πŸ§‘β€πŸ’» Code Refactor
  • πŸ”₯ Performance Improvements
  • βœ… Test
  • πŸ€– Build
  • πŸ” CI
  • πŸ“¦ Chore (Release)
  • ⏩ Revert

Description

This PR adds the feature of updating the scatter chart legend

Details:

  • Updated the Scatter Chart name because it was no longer a generic scatter chart.
  • The scatter chart is currently the percentage bus factor of a contributor over time of last contribution since today. For example, if has a bus factor of 50% and has contributed 17 days ago, they'd appear in the middle of the graph.

Related Tickets & Documents

Fixes #101

Mobile & Desktop Screenshots/Recordings

localhost_6006__path=_story_design-system-molecules-dashboard-scatter-chart--with-images

Added tests?

  • πŸ‘ yes
  • πŸ™… no, because they aren't needed
  • πŸ™‹ no, because I need help

Added to documentation?

  • πŸ“œ README.md
  • πŸ““ docs.opensauced.pizza
  • πŸ• dev.to/opensauced
  • πŸ“• storybook
  • πŸ™… no documentation needed

[optional] Are there any post-deployment tasks we need to perform?

[optional] What gif best describes this PR or how it makes you feel?

@netlify
Copy link

netlify bot commented Aug 24, 2022

βœ… Deploy Preview for design-insights ready!

Name Link
πŸ”¨ Latest commit 09e6c78
πŸ” Latest deploy log https://app.netlify.com/sites/design-insights/deploys/630a0e8358e4ff00070ed55d
😎 Deploy Preview https://deploy-preview-260--design-insights.netlify.app
πŸ“± Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site settings.

@netlify
Copy link

netlify bot commented Aug 24, 2022

βœ… Deploy Preview for oss-insights ready!

Name Link
πŸ”¨ Latest commit 09e6c78
πŸ” Latest deploy log https://app.netlify.com/sites/oss-insights/deploys/630a0e830d02e30007bd58ba
😎 Deploy Preview https://deploy-preview-260--oss-insights.netlify.app
πŸ“± Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site settings.

@chadstewart
Copy link
Contributor Author

@bdougie @pixelsbyeryc @0-vortex Quick question. Do we need the top part of the eChart from GitSense?

user-images githubusercontent com_5713670_180610224-037c4606-7a6d-4bf4-b4bb-a2fa4758ad19 png

@0-vortex
Copy link
Contributor

@bdougie @pixelsbyeryc @0-vortex Quick question. Do we need the top part of the eChart from GitSense?

user-images githubusercontent com_5713670_180610224-037c4606-7a6d-4bf4-b4bb-a2fa4758ad19 png

Have no idea what you mean but judging by the question I would say yes! πŸ˜…

@0-vortex
Copy link
Contributor

will check from desktop - the screenshot is unreadable on mobile :D

@chadstewart
Copy link
Contributor Author

will check from desktop - the screenshot is unreadable on mobile :D

It shows the number of contributors for the week and a percentage based on that number vs. the total number of contributors. At least that's what I understand personally.

@0-vortex
Copy link
Contributor

will check from desktop - the screenshot is unreadable on mobile :D

It shows the number of contributors for the week and a percentage based on that number vs. the total number of contributors. At least that's what I understand personally.

Oh that sounds bad, let me scope out some GS API routes and see if I can get you that data more easily! For now, leave them in and suppose it will work with at most, a secondary API call in the frontend, passing along the same date filters (so the interval only)

@eryc-cc
Copy link
Contributor

eryc-cc commented Aug 25, 2022

@bdougie @pixelsbyeryc @0-vortex Quick question. Do we need the top part of the eChart from GitSense?

user-images githubusercontent com_5713670_180610224-037c4606-7a6d-4bf4-b4bb-a2fa4758ad19 png

No, no need for this... People find it confusing πŸ˜›

@chadstewart chadstewart marked this pull request as ready for review August 25, 2022 21:12
@chadstewart chadstewart added the needs review PRs that need review from core engineering team label Aug 25, 2022
Copy link
Contributor

@eryc-cc eryc-cc left a comment

Choose a reason for hiding this comment

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

LGTM.

On mobile the labels are too close to each other. It'd be good to have a solution, BUT... I'd say ship it anyway.

image

It's probably best to spend our efforts on implementing another chat lib than to try modifying eCharts to our needs.

stories/molecules/card-line-chart.stories.tsx Show resolved Hide resolved
Copy link

@github-actions github-actions bot left a comment

Choose a reason for hiding this comment

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

PR Compliance Checks Passed!

Copy link
Member

@bdougie bdougie left a comment

Choose a reason for hiding this comment

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

There is an error in the deploy preview. We talked about it in slack.
Screen Shot 2022-08-26 at 5 29 29 PM

I cleared the cache and re-deployed and it persists

@bdougie bdougie added requested changes and removed needs review PRs that need review from core engineering team labels Aug 27, 2022
@chadstewart
Copy link
Contributor Author

There is an error in the deploy preview. We talked about it in slack. Screen Shot 2022-08-26 at 5 29 29 PM

I cleared the cache and re-deployed and it persists

That's my bad. Somehow the changes got reverted back to the previous v1/repos/list. I just merged beta into this branch and that fixed the issue.

@chadstewart chadstewart added the needs review PRs that need review from core engineering team label Aug 27, 2022
Copy link
Member

@bdougie bdougie left a comment

Choose a reason for hiding this comment

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

LGTM.

@bdougie bdougie added ready-to-merge and removed needs review PRs that need review from core engineering team labels Aug 31, 2022
@chadstewart chadstewart merged commit 309ef62 into beta Aug 31, 2022
@chadstewart chadstewart deleted the 101-update-scatter-chart-legend branch August 31, 2022 18:55
github-actions bot pushed a commit that referenced this pull request Aug 31, 2022
## [1.4.0-beta.1](v1.3.1-beta.2...v1.4.0-beta.1) (2022-08-31)

### πŸ• Features

* Update Scatter Chart Legend ([#260](#260)) ([309ef62](309ef62))
@github-actions
Copy link

πŸŽ‰ This PR is included in version 1.4.0-beta.1 πŸŽ‰

The release is available on GitHub release

Your semantic-release bot πŸ“¦πŸš€

github-actions bot pushed a commit that referenced this pull request Sep 6, 2022
## [1.4.0](v1.3.0...v1.4.0) (2022-09-06)

### πŸ§‘β€πŸ’» Code Refactoring

* Add types to useRepositoriesList hook ([#277](#277)) ([4f1a771](4f1a771))

### πŸ• Features

* Add download CSV funtionality to Reports page ([#286](#286)) ([ada79d3](ada79d3))
* **footer:** swap out footer text ([#296](#296)) ([737df5b](737df5b))
* Update Scatter Chart Legend ([#260](#260)) ([309ef62](309ef62))

### πŸ› Bug Fixes

* Add background to selectable tr table ([#252](#252)) ([7d6ae16](7d6ae16)), closes [#183](#183) [#289](#289)
* Contributor card overlap on smaller devices ([#298](#298)) ([777f6ba](777f6ba)), closes [#290](#290)
* correct netlify build supabase redirect url ([#283](#283)) ([0b2b80a](0b2b80a))
* Filter dropdown can only be closed by clicking on the filter button ([#299](#299)) ([bce1f8e](bce1f8e)), closes [#292](#292)
* Fixing issues with TopNav and Highlight Card ([#294](#294)) ([218f30d](218f30d)), closes [#287](#287) [#291](#291)
* grammar for header description ([#279](#279)) ([a019912](a019912))
ElpisHelle added a commit to ElpisHelle/next.js-tailwindcss that referenced this pull request Aug 17, 2023
## [1.4.0-beta.1](open-sauced/app@v1.3.1-beta.2...v1.4.0-beta.1) (2022-08-31)

### πŸ• Features

* Update Scatter Chart Legend ([#260](open-sauced/app#260)) ([309ef62](open-sauced/app@309ef62))
ElpisHelle added a commit to ElpisHelle/next.js-tailwindcss that referenced this pull request Aug 17, 2023
## [1.4.0](open-sauced/app@v1.3.0...v1.4.0) (2022-09-06)

### πŸ§‘β€πŸ’» Code Refactoring

* Add types to useRepositoriesList hook ([#277](open-sauced/app#277)) ([4f1a771](open-sauced/app@4f1a771))

### πŸ• Features

* Add download CSV funtionality to Reports page ([#286](open-sauced/app#286)) ([ada79d3](open-sauced/app@ada79d3))
* **footer:** swap out footer text ([#296](open-sauced/app#296)) ([737df5b](open-sauced/app@737df5b))
* Update Scatter Chart Legend ([#260](open-sauced/app#260)) ([309ef62](open-sauced/app@309ef62))

### πŸ› Bug Fixes

* Add background to selectable tr table ([#252](open-sauced/app#252)) ([7d6ae16](open-sauced/app@7d6ae16)), closes [#183](open-sauced/app#183) [#289](open-sauced/app#289)
* Contributor card overlap on smaller devices ([#298](open-sauced/app#298)) ([777f6ba](open-sauced/app@777f6ba)), closes [#290](open-sauced/app#290)
* correct netlify build supabase redirect url ([#283](open-sauced/app#283)) ([0b2b80a](open-sauced/app@0b2b80a))
* Filter dropdown can only be closed by clicking on the filter button ([#299](open-sauced/app#299)) ([bce1f8e](open-sauced/app@bce1f8e)), closes [#292](open-sauced/app#292)
* Fixing issues with TopNav and Highlight Card ([#294](open-sauced/app#294)) ([218f30d](open-sauced/app@218f30d)), closes [#287](open-sauced/app#287) [#291](open-sauced/app#291)
* grammar for header description ([#279](open-sauced/app#279)) ([a019912](open-sauced/app@a019912))
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

[Front end] Complete the echart legends to match GitSense
4 participants