I've discovered if you name a file *.puml on github it renders the diagram (this may be new or may be very old and I didn't know!) it does not bad a job.
See:
https://github.com/polc1410/VaccineEffectiveness/blob/master/test.puml
This is using the code:
@startuml
<style>
note {
LineColor black
FontSize 10
}
activity {
LineColor black
.red {
LineColor red
LineThickness 5
}
.orange {
LineColor orange
LineThickness 5
}
.green {
LineColor lawngreen
LineThickness 5
}
}
legend {
FontSize 10
}
</style>
skinparam wrapWidth 150
skinparam Padding 8
skinparam ConditionEndStyle hline
' skinparam monochrome true
skinparam ArrowColor black
33
<<Red>>:Refer]
<<Orange>>:Discuss]
<<green>>:Offer]
@enduml
If you view: https://raw.githubusercontent.com/polc1410/VaccineEffectiveness/master/test.puml you will see each box has a different coloured outline. But when viewed on the main page it doesn't.
Does anyone know if this can be over-ridden in git? It would be pretty amazing to be able to get people making edits and seeing the impact instantly while also getting them to document the reason for the edit!