Chart QOL improvements mega issue

[thmsobrmlr]

• https://github.com/PostHog/posthog/pull/12822
• Upgrade Charts.js to v4 https://www.chartjs.org/docs/latest/migration/v4-migration.html
• Add "area chart" and "percentage mode" https://github.com/PostHog/posthog/issues/7372 https://github.com/PostHog/posthog/issues/11276
• Convert Charts to D3 https://github.com/PostHog/posthog/issues/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 https://github.com/PostHog/posthog/issues/12728~~
• Keep chart for app events in line with overall chart improvements https://app.posthog.com/app/80/metrics
• Better formatting of time axis
• https://github.com/PostHog/posthog/issues/4330
• Add export functionality to table charts https://github.com/PostHog/posthog/issues/8513#issuecomment-1319897241 https://posthog.slack.com/archives/C02E3BKC78F/p1668771131237789
• Show more than 20 breakdowns in table chart
• https://github.com/PostHog/posthog/issues/12837
• https://github.com/PostHog/posthog/issues/4654
• https://github.com/PostHog/posthog/issues/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.