Faction Pyramids in Campaign Logger

[JochenL]

In a recent Villain-themed musing @JohnnFour mentioned the Faction Pyramid.

Now you can create those in Campaign Logger (vNext), too!

The idea of the Faction Pyramid is described in detail in an earlier RPT article: Walking the Faction Pyramid.
Charting/Diagramming in CL vNext uses the Mermaid Syntax.

How-to, Step 1:

• Work your way from top to bottom, i.e., start with The Fetus Witch
• Use shorthands in your diagram, explaining the only once
  • FW as the shorthand for The Fetus Witch
  • explain it when first introduced like so: FW[The Fetus WItch]
• Draw a line to direct subordinates
  • FW[The Fetus Witch] --- SR[Sirgmund Root]
  • SR --- ES[Eight Stools]

This will yield the following markdown and diagram:

```mermaid
graph
    FW[The Fetus Witch] --- SR[Sigmund Root]
    SR --- ES[Eight Stools]
    SR --- CP1[The Corner Pocket]
    SR --- JK[Jameson Kern]
    ES --- CP2[The Cut Purses]
    ES --- CP1
    CP1 --- CP2
```

 

[JochenL]

How-To: Adding Project Boxes

• Project Boxes are special characters and need to be in text that is surrounded by quotes
• In the initial introduction of a node places quotes just inside the square brackets
  • FW["The Fetus Witch"]
• Then add a space and three, five, or seven project boxes (☐)
  • FW["The Fetus Witch ☐☐☐☐☐"]

This will yield the following markdown and diagram:

```mermaid
graph
    FW["The Fetus Witch ☐☐☐☐☐"] --- SR["Sigmund Root ☐☐☐☐☐"]
    SR --- ES[Eight Stools]
    SR --- CP1["The Corner Pocket ☐☐☐"]
    SR --- JK[Jameson Kern]
    ES --- CP2[The Cut Purses]
    ES --- CP1
    CP1 --- CP2
```

 

[JochenL]

How-To: Marking the Connections

• After each connection (---) add two pipes (||)
• Inside those pipes write the text to display at the connection (e.g., |controls|)
• Enclose the text in quotes if you want to use special characters (e.g., |"🡅"|)

This might yield the following markdown and diagram:

```mermaid
graph
    FW["The Fetus Witch ☐☐☐☐☐"] ---|"🡅"| SR["Sigmund Root ☐☐☐☐☐"]
    SR --- ES[Eight Stools]
    SR ---|"🡅"| CP1["The Corner Pocket ☐☐☐"]
    SR ---|"🡅🡇"| JK[Jameson Kern]
    ES ---|"🡅"| CP2[The Cut Purses]
    ES ---|"🡅"| CP1
    CP1 ---|"🡅"| CP2
```

 

[pbianchi]

Hi all,
would it be possible to put a "new line" character in the text part of a graph?
For example to get

The Corner
Pocket
☐☐☐

I tried many options found on the internet, but I couldn't manage to get it working...
I use Firefox 86.0.1 (64 bit) on Windows

Someone can give me some hints?

Thank you in advance for your kind help

Happy logging!

 

[JochenL]

I tried several variants myself and seems that they are escaped and/or create illegal mermaid code.
So, currently, this is not possible. I will need to look into this in detail and find a solution.
I'll log a change request for that.

 

[pbianchi]

Thank you Jochen!

Happy logging!

 

[JochenL]

Hi all,
would it be possible to put a "new line" character in the text part of a graph?
For example to get

The Corner
Pocket
☐☐☐

I tried many options found on the internet, but I couldn't manage to get it working...
I use Firefox 86.0.1 (64 bit) on Windows

Someone can give me some hints?

Thank you in advance for your kind help

Happy logging!

With the next update this will be possible:

```mermaid
graph
    FW["The Fetus Witch&ltbr>☐☐☐☐☐"] ---|"🡅"| SR["Sigmund Root&ltbr>☐☐☐☐☐"]
    SR --- ES[Eight Stools]
    SR ---|"🡅"| CP1["The Corner Pocket&ltbr>☐☐☐"]
    SR ---|"🡅&ltbr>🡇"| JK[Jameson Kern]
    ES ---|"🡅"| CP2[The Cut Purses]
    ES ---|"🡅"| CP1
    CP1 ---|"🡅"| CP2
```

For some weird reason <br> does not work, but replacing < with &lt (not even &lt; is needed, just &lt) will work fine.
So as a linebreak you need to add &ltbr>

 

[JochenL]

So as a linebreak you need to add &ltbr>

Funny thing: This is working already in production! So my changes did exactly nothing.

 

[zenironman]

I'm not getting these results at all when I try to do a mermaid chart. Is there some bit of code or characters that I need to put input in order to initiate the diagram function?

 

[pbianchi]

@zenironman
do you put
```mermaid

at the beginning of your graph?
Can you post what you write?

Happy logging!

 

[zenironman]

@zenironman
do you put
```mermaid

at the beginning of your graph?
Can you post what you write?

Happy logging!

Yes...my issue was that when I was pasting things, there were leading spaces. Once I got rid of those, it snapped into place. I edited my discord comment, but forgot about this one! Thank you!

 

[Rardian]

Yes...my issue was that when I was pasting things, there were leading spaces. Once I got rid of those, it snapped into place.

Since we added the feature that you can past formatting from websites into log entries the chance to copy unwanted formatting and characters has slightly increased.
Try pasting text from web pages as unformatted text (e.g. CTRL-SHIFT-V in Chrome).