TIL :tada: - we can use the <Mermaid> diagrams-as-...
# random
a
TIL 🎉 - we can use the Mermaid diagrams-as-code language to put graphics and diagrams into Gitlab templates. Like @edgar_ramirez_mondragon did here.
😍
Copy code
mermaid
graph TD;
  Event --> collector[EC2: Snowplow Collector];
  collector[EC2: Snowplow Collector] --> raw[Kinesis: Raw];
  collector[EC2: Snowplow Collector] --> bad[Kinesis: Bad];
  raw[Kinesis: Raw] --> enrich[EC2: Enrich];
  enrich[EC2: Enrich] --> bad[Kinesis: Bad];
  enrich[EC2: Enrich] --> enriched[Kinesis: Enriched];
  raw[Kinesis: Raw] --> loader-raw[EC2: S3 Loader Raw];
  bad[Kinesis: Bad] --> loader-bad[EC2: S3 Loader Bad];
  loader-raw[EC2: S3 Loader Raw] --> S3;
  loader-bad[EC2: S3 Loader Bad] --> S3;
  loader-bad[EC2: S3 Loader Bad] --> bad-2[Kinesis: Bad 2];
  loader-raw[EC2: S3 Loader Raw] --> bad[Kinesis: Bad];
  loader-enriched[EC2: S3 Loader Enriched] --> bad[Kinesis: Bad];
  loader-enriched[EC2: S3 Loader Enriched] --> S3;
  enriched[Kinesis: Enriched] --> loader-enriched[EC2: S3 Loader Enriched];
Makes this:
s
is this code embedded in the markdown behind htat post? or is it generated separately?
e
@stephen_bailey it's embedded in md
s
mind blown
this changes everything
well maybe not everything
a
@stephen_bailey - I was thinking the same as soon as I discovered it. One of the nice perks of Gitlab, I guess. 🙂 I would love to see it added to GitHub as well, eventually.