Giter Club home page Giter Club logo

Comments (6)

gadams999 avatar gadams999 commented on June 11, 2024

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.

hakanson avatar hakanson commented on June 11, 2024

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.

bschwarz avatar bschwarz commented on June 11, 2024

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.

hakanson avatar hakanson commented on June 11, 2024

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.

hakanson avatar hakanson commented on June 11, 2024

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.

bschwarz avatar bschwarz commented on June 11, 2024

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)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo 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.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.