[SPIKE] Carbon charts exploration - various charts

[KristinLBradley]

DO NOT MERGE !

---

📌 Summary

This is rough test code to test usage of Carbon Charts within Ember components. Not meant for merge or release. Code is only for rough proof of concept test purposes and not meant for actual publication, usage, or recommendation as HDS components.

👉 Preview: https://hds-showcase-git-kristin-hds-5289-carbon-chart-f597d8-hashicorp.vercel.app/components/charts/

To add custom font-families for charts:

(not recommended necessarily, just an example of how to do it)

/* general chart types */
.cds--cc--title p.title {font-family: monospace;}
.div.cds--cc--legend {font-family: cursive;}
.cds--cc--chart-wrapper {font-family: fantasy;}

/* Bar chart tick labels */
.cds--cc--axes g.axis g.tick text {font-family: system-ui;}

📸 Screenshots

Cloud-ui Inspiration:

Figma audit Inspirations:

Examples using Carbon Charts Donut Chart, Meter Chart, & Bar Chart:

---

👀 Component checklist

• Percy was checked for any visual regression
• A changelog entry was added via Changesets if needed (see templates here)

💬 Please consider using conventional comments when reviewing this PR.

📋 PCI review checklist

• If applicable, I've documented a plan to revert these changes if they require more than reverting the pull request.
• If applicable, I've worked with GRC to document the impact of any changes to security controls.
  Examples of changes to controls include access controls, encryption, logging, etc.
• If applicable, I've worked with GRC to ensure compliance due to a significant change to the in-scope PCI environment.
  Examples include changes to operating systems, ports, protocols, services, cryptography-related components, PII processing code, etc.

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Project	Deployment	Preview	Updated (UTC)
hds-showcase	✅ Ready	Preview	Aug 13, 2025 10:09pm
hds-website	✅ Ready	Preview	Aug 13, 2025 10:09pm