Chart QOL improvements mega issue

[thmsobrmlr]

• feat(charts): improve value chart ux for many breakdown values #12822
• Upgrade Charts.js to v4
  https://www.chartjs.org/docs/latest/migration/v4-migration.html
• Add "area chart" and "percentage mode"
  Implement area chart #7372
  Feature Request - % of total Area chart #11276
• Convert Charts to D3
  Convert charts to D3 #4568
• Use a react wrapper for Charts.js
  https://github.com/xr0master/chartjs-react
  https://github.com/reactchartjs/react-chartjs-2
• Save lifecycle toggle for dashboard insights
  Feature request: Improved saving of lifecycle insights #12728
• Keep chart for app events in line with overall chart improvements
  https://app.posthog.com/app/80/metrics
• Better formatting of time axis
• Smart graph display #4330
• Add export functionality to table charts
  Export Insights #8513 (comment)
  https://posthog.slack.com/archives/C02E3BKC78F/p1668771131237789
• Show more than 20 breakdowns in table chart
• Feature Request: Paths for events, actions, filters #12837
• Intuitive UX for bar value chart #4654
• Coloured series in query summary #14912
• Allow opening persons modal from dashboard
  https://posthoghelp.zendesk.com/agent/tickets/4675

https://github.com/PostHog/posthog/issues?q=is%3Aissue+is%3Aopen+area+chart

Reference

UX for Charts -> Goldmine
https://uxplanet.org/data-heavy-applications-how-to-design-perfect-charts-c0c893fef6de

Framework for picking chart type
https://medium.com/multiple-views-visualization-research-explained/multiple-views-on-how-to-choose-a-visualization-b3ffc99fcddc

Chart Library Options
https://news.ycombinator.com/item?id=33959591
https://unovis.dev/

[charlescook-ph]

Show more than 20 breakdowns in table chart

I would love this! The issue here is that even if I export the CSV it doesn't work, so I end up switching to a weird-looking line graph and exporting from there.