Commit Graph

5 Commits

Author SHA1 Message Date
Shahan Nedadahandeh 65a5bdbd1c Added animations (#125)
continuous-integration/drone/push Build is passing Details
https://shahanneda-animations-csc-class-profile-stag-snedadah.k8s.csclub.cloud/academics/
Co-authored-by: shahanneda <shahan.neda@gmail.com>
Co-authored-by: e26chiu <e26chiu@csc.uwaterloo.ca>
Reviewed-on: #125
Reviewed-by: Mark Chiu <e26chiu@csclub.uwaterloo.ca>
2023-01-01 16:06:40 -05:00
Mark Chiu 550029feb0 Change Graphs to use tooltips (Closes #97) (#112)
continuous-integration/drone/push Build is passing Details
Changes:
- Remove Text that is displayed when hovering over the bar in the Bar Graph and Grouped Bar Graph - DIDN'T DO IT FOR Pie Charts since I wasn't sure if we still want the text or no.
- Add tooltips for Bar Graph + Grouped Bar Graph + Pie Chart

NOTE: weird tooltip position with PieChart, might be related to other tooltip bugs we have

Used this approach for the PieChart: https://codesandbox.io/s/mjp8lmvop?expanddevtools=1
The only approach that worked with the PieChart required to have the PieSlice code within the PieChart component.

Improvement we can make:
- For the Pie Chart, we could display the percentage and the number of answers in the tooltip to provide more context.
- For the Pie Chart, we could also display label in tooltip.

Co-authored-by: e26chiu <e26chiu@csc.uwaterloo.ca>
Reviewed-on: #112
Reviewed-by: Shahan Nedadahandeh <snedadah@csclub.uwaterloo.ca>
2022-12-21 16:23:32 -05:00
Beihao Zhou d8867d3c86 Line Graph Component using curve (#47)
continuous-integration/drone/push Build is passing Details
https://b72zhou-line-graph-v2-csc-class-profile-staging-snedadah.k8s.csclub.cloud/
Co-authored-by: Rebecca-Chou <beihaozhou@gmail.com>
Reviewed-on: #47
Reviewed-by: Amy Wang <a258wang@csclub.uwaterloo.ca>
2022-10-02 15:01:17 -04:00
Amy Wang 933833d331 Fix monospace fallback (#28)
continuous-integration/drone/push Build is passing Details
Just realized that we shouldn't have quotes around `monospace` 🤦

Co-authored-by: Amy Wang <a258wang@csclub.uwaterloo.ca>
Reviewed-on: #28
Reviewed-by: j285he <j285he@localhost>
2022-07-27 20:45:10 -04:00
Amy Wang 6735c52914 Bar Graph Component (#16)
continuous-integration/drone/push Build is passing Details
Adds a `<BarGraphHorizontal />` component and a `<BarGraphVertical />` component.

Closes #1.

Possible changes for the future:
- Refactor to make the horizontal and vertical bar graphs into one component
- Add (optional) graph title

Co-authored-by: Amy Wang <a258wang@csclub.uwaterloo.ca>
Reviewed-on: #16
Reviewed-by: Shahan Neda <snedadah@csclub.uwaterloo.ca>
2022-07-27 19:46:08 -04:00