-
Couldn't load subscription status.
- Fork 50
[SPIKE] Carbon charts exploration - various charts #3100
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
base: main
Are you sure you want to change the base?
Conversation
|
The latest updates on your projects. Learn more about Vercel for Git ↗︎
|
…ices instances chart example
…solidate Showcase page for chart components into one, add example meters
5dd3de9 to
c624dd8
Compare
| .slice { | ||
| stroke: #fff; | ||
| stroke-width: 1px; | ||
| } |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
I added this to improve the crispness of the thin white border on resized components, just as a test. (Not sure if we would actually want to recommend)
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:
From Carbon Charts installation docs:
(not recommended necessarily, just an example of how to do it)
📸 Screenshots
Cloud-ui Inspiration:

Figma audit Inspirations:


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

👀 Component checklist
💬 Please consider using conventional comments when reviewing this PR.
📋 PCI review checklist
Examples of changes to controls include access controls, encryption, logging, etc.
Examples include changes to operating systems, ports, protocols, services, cryptography-related components, PII processing code, etc.