Bar Charts

[usamazansari]

Bar Chart

• Basic bar chart using D3 and Mantine
• Alternative implementation using @mantine/charts
• Data present as JSON in src/components/react/landing-pages/data-visualization/data

[usamazansari]

WIP as of https://github.com/usamazansari/landing-pages/commit/cd1c8035bfbc4edbb739e64cbd89e4907497dfe0:

• Tooltip improvements
  • [x] Each data point must have one and only one svg element associated with it.
  • [x] When the mouse is moved over a bar or the empty space over it, the tooltip should be displayed.
  • [x] There should be exactly one element for the tooltip which should change it's position and snap to the location of data points when the mouse is moved.
  • Find a way to reduce the number of rerenders
• • Axes improvements
  • [ ] Make the axes generic to handle different types of scales
    • [ ] Discrete / continuous number scale
    • [ ] Discrete / continuous temporal scale
    • [ ] Discrete / continuous logarithmic
    • [x] Discrete band (string) scale
  • [ ] Make the axes responsive
  • [x] Add labels to the axes
  • [x] Add sorting to the axes