Mark Chiu
2d34b84cb0
continuous-integration/drone/push Build is passing
Details
Notes: - Add Stacked Bar Graph component using the `BarStack` component from Visx. - Hovering over a bar will add a highlight on the hovered bar and not the entire stacked bar (I have not yet found a way to highlight the entire stacked bar) - Hovering over a bar will also show a tooltip box with the data for each bar. (The number represents the height of the bar and not the cumulative stacked bar height) - In the mock data, the number given to each key represent their individual height (and not their overall value). The graph calculates the total height of the stacked bars. - Missing percentage next to the left axis labels - Resizable width, height, and margins. Customizable number of ticks for the y axis.  Staging: https://stackedbar-component-csc-class-profile-staging-snedadah.k8s.csclub.cloud/playground/ Co-authored-by: Miniapple8888 <miniapple8888@gmail.com> Co-authored-by: e26chiu <e26chiu@csc.uwaterloo.ca> Reviewed-on: #37 Reviewed-by: Amy Wang <a258wang@csclub.uwaterloo.ca> |
||
|---|---|---|
| .. | ||
| About.module.css | ||
| About.tsx | ||
| BarGraph.module.css | ||
| BarGraph.tsx | ||
| Boxplot.module.css | ||
| Boxplot.tsx | ||
| CenterWrapper.module.css | ||
| CenterWrapper.tsx | ||
| ColorPalette.module.css | ||
| ColorPalette.tsx | ||
| ComponentWrapper.module.css | ||
| ComponentWrapper.tsx | ||
| PieChart.module.css | ||
| PieChart.tsx | ||
| QuotationCarousel.module.css | ||
| QuotationCarousel.tsx | ||
| Sections.module.css | ||
| Sections.tsx | ||
| StackedBarGraph.module.css | ||
| StackedBarGraph.tsx | ||
| Timeline.module.css | ||
| Timeline.tsx | ||
| WordCloud.module.css | ||
| WordCloud.tsx | ||