More RUM Explorer Visualizations

[trieloff]

Adds

• pie chart (user agent)
• horizontal bar chart (urls)
• sankey diagram (checkpoints)

to the list of visualizations

• feat(rum-explorer): allow drilldown in some facets
• feat(rum-explorer): add horizontal bar chart as alternative hero visualization
• feat(rum-explorer): nicer icon for drilldown
• fix(rum-explorer): keep current drilldown mode
• refactor(rum-explorer): import external dependencies as ES6 modules
• feat(rum-explorer): introduce piechart viz for user agents
• feat(rum-explorer): allow to drill up
• wip(rum-explorer): sankey diagrams

[aem-code-sync[bot]]

Hello, I'm the AEM Code Sync Bot and I will run some actions to deploy your branch and validate page speed. In case there are problems, just click a checkbox below to rerun the respective action.

• [ ] Re-run PSI checks
• [ ] Re-sync branch

Commits

* [40fa957](https://github.com/adobe/helix-website/commit/40fa957125b60a7294d9a82f6a69fe7567863f97) :white_check_mark: (latest) * [2fa8cc9](https://github.com/adobe/helix-website/commit/2fa8cc954b467a29197b298faa257d5b3b502dac) :white_check_mark: * [6123ef0](https://github.com/adobe/helix-website/commit/6123ef077c17b09770f29995901bff8406c90781) :white_check_mark: * [b5f1048](https://github.com/adobe/helix-website/commit/b5f104886ffeb76a6c1a5aaad02bd95fd338cc8f) :white_check_mark: * [bcc9af1](https://github.com/adobe/helix-website/commit/bcc9af1ad64c692746caedade91477ad73781da5) :white_check_mark: * [d292cee](https://github.com/adobe/helix-website/commit/d292cee1b08f4bde81de70c37e024b5f9a043e9e) :white_check_mark: * [850c802](https://github.com/adobe/helix-website/commit/850c8026489d94cdb2425157059ad4890c0482d8) :white_check_mark: * [60e88c4](https://github.com/adobe/helix-website/commit/60e88c49c2914e252d11545c81a939e976928c45) :white_check_mark: * [fc394ec](https://github.com/adobe/helix-website/commit/fc394ecb7f0f71f2daf5929dc25a91a5023cd166) :white_check_mark: * [90ece68](https://github.com/adobe/helix-website/commit/90ece684557e348a9b8cdc562b9b64ecd04789ee) :white_check_mark: * [19b2e05](https://github.com/adobe/helix-website/commit/19b2e05ae9e06ff33b0bf883faa26d24f2fbb8c2) :white_check_mark: * [8912cbe](https://github.com/adobe/helix-website/commit/8912cbeec596cbcfaa54b803e3d7e936e8c5ea08) :white_check_mark: * [2072ba3](https://github.com/adobe/helix-website/commit/2072ba349a8e5865196976ed60c85792e407b1a9) :white_check_mark: * [fd5bcb9](https://github.com/adobe/helix-website/commit/fd5bcb9989890be034c26254d5c120e9278dfad1) :white_check_mark: * [763d366](https://github.com/adobe/helix-website/commit/763d366815948524dff24ac2850321c3ac20104e) :white_check_mark: * [2cd2b1f](https://github.com/adobe/helix-website/commit/2cd2b1f5ae896daeea3579d4098abf0cf26f5b53) :white_check_mark: * [15660e5](https://github.com/adobe/helix-website/commit/15660e5b76c329d0f3dffd37586e8d0edc3d1983) :white_check_mark: * [d75f6ad](https://github.com/adobe/helix-website/commit/d75f6addd964e0c5219251c65cef217ca5d307b0) :white_check_mark:

[langswei]

Good stuff. One thing that looks strange to me on the sankey is a bar in the middle of the chart (around the top checkpoint) is larger than the sum of the flows coming from the left. I see what looks like a catch-all "Other" that might be usable so we have a consistent total size of each segment left to right. Thoughts?

[trieloff]

That happens when inflows and outflows from a node don't add up exactly. I've seen it on some sites, but not consistently.