Comments (6)
Hi @bschwarz,
Thanks for the suggestion which I can see help reduce the complexity of coloring the icons in PUML diagrams. Depending upon the next release of the AWS Icon set we may incorporate into that sprint.
from aws-icons-for-plantuml.
I do have colors defined in AWSCommon.puml
using the color name with a comment for the categories it applies to.
' Customer Enablement; Database; Developer Tools; Satellite
!define AWS_COLOR_BLUE #3A47CB
' Cloud Financial Management; Internet of Things; Storage
!define AWS_COLOR_GREEN #3F8624
' Blockchain; Compute; Containers; Media Services; Quantum Technologies
!define AWS_COLOR_ORANGE #D86613
' Application Integration; Management & Governance; VR & AR
!define AWS_COLOR_PINK #CD2264
' Analytics; Game Tech; Networking & Content Delivery; Serverless
!define AWS_COLOR_PURPLE #693BC5
' Business Applications; Contact Center; Front-End Web & Mobile; Robotics; Security, Identity & Compliance
!define AWS_COLOR_RED #D6232C
' End User Computing; Machine Learning; Migration & Transfer
!define AWS_COLOR_TURQUOISE #1B7B67
Example of usage from examples /S3 Upload Workflow.puml
' define custom group for Amazon S3 bucket
AWSGroupColoring(S3BucketGroup, #FFFFFF, AWS_COLOR_GREEN, plain)
!define S3BucketGroup(g_alias, g_label="Amazon S3 bucket") AWSGroupEntity(g_alias, g_label, AWS_COLOR_GREEN, SimpleStorageService, S3BucketGroup)
and multiple examples in https://github.com/awslabs/aws-icons-for-plantuml/tree/main/examples/architecture-blog
Do you think using AWS_COLOR_LAMBDA
would be a better experience over AWS_COLOR_ORANGE
? Maybe these need to be documented better on home page or on AWSSymbols.md
from aws-icons-for-plantuml.
Yes, I do believe AWS_COLOR_LAMBDA
would be better. If I am composing a sequence diagram, and I want to make the activation bar the color of the resource, currently (and this is what I do now), I have to lookup that resource to find the category it belongs to, and then find the color. Lambda is easy because I just know it is orange. But some of the other resources not so obvious. I think the bang for the buck is worth it, since it's such a small change.
Another option would be to have some sort of puml lookup function, so you could do get_color("lambda"), but this might be a little harder to implement...although might be better from a user experience.
from aws-icons-for-plantuml.
Do you think per service and resource colors would be too many, vs using the categories from AWSSymbols.md like AWS_COLOR_COMPUTE
or AWS_COLOR_INTERNETOFTHINGS
- e.g.. do we want to go as deep as AWS_COLR_IoTThingTemperatureHumiditySensor
?
The !include
files are organized per category so that is likely easier to figure out that the associated color.
from aws-icons-for-plantuml.
To better document the color definitions, I'm thinking of adding this table this into AWSSymbols.md
PUML Macro (Name) | Color | Categories |
---|---|---|
AWS_COLOR | #232F3E | |
AWS_BG_COLOR | #FFFFFF | |
AWS_BORDER_COLOR | #FF9900 | |
AWS_COLOR_BLUE | #3A47CB | Customer Enablement; Database; Developer Tools; Satellite |
AWS_COLOR_GREEN | #3F8624 | Cloud Financial Management; Internet of Things; Storage |
AWS_COLOR_ORANGE | #D86613 | Blockchain; Compute; Containers; Media Services; Quantum Technologies |
AWS_COLOR_PINK | #CD2264 | Application Integration; Management & Governance; VR & AR |
AWS_COLOR_PURPLE | #693BC5 | Analytics; Game Tech; Networking & Content Delivery; Serverless |
AWS_COLOR_RED | #D6232C | Business Applications; Contact Center; Front-End Web & Mobile; Robotics; Security, Identity & Compliance |
AWS_COLOR_TURQUOISE | #1B7B67 | End User Computing; Machine Learning; Migration & Transfer |
from aws-icons-for-plantuml.
Yes, that would be good to have. I also would almost like to see the reverse table, where the first column is either the category or resource, because when I am looking up a color for reference, I am usually looking to see which color corresponds to a particular resource. At least that is 90% of my use cases.
from aws-icons-for-plantuml.
Related Issues (20)
- 404 Not Found HOT 1
- SecurityGroup puml doesnot work HOT 1
- Including General/Globe.puml results in a syntax error HOT 2
- Please add AwS Location Service puml/image HOT 6
- AWSSimplified.puml should also take into account sequence diagrams HOT 5
- Request: Overlapping Groups HOT 2
- Request: List of content HOT 2
- Can we add the GraphQL icon to the overall set? HOT 5
- Question: Is it possible to generate fully scalable (SVG) diagrams? HOT 2
- Question: how can I modify the default label on Groups elements? HOT 2
- Support theming: (Example: Border color is hardcoded to gray) HOT 2
- Update to Release 17-2023.10.23 of AWS Architecture Icons
- VSCODE Reder Errror HOT 11
- Full list of the available icons HOT 1
- It's always dark mode even no dark mode is specified HOT 8
- Syntax error for ApplicationIntegration/{all,EventBridge*}.puml HOT 2
- [Wanted feature][Refactor] Could you optimize all the `all.puml` files
- Update to Release 18-2024.02.06 of AWS Architecture Icons HOT 1
- 404 https://raw.githubusercontent.com/awslabs/aws-icons-for-plantuml/v18.0/dist HOT 2
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from aws-icons-for-plantuml.