• Hello game master! Welcome to our growing community. Please take a moment to Register (top right button, see how: Slides).

    If you use Campaign Logger, you can use the same login details - we've linked the app to this forum for secure and easy single sign-on for you.

    And please drop by the Introductions thread and say hi.

Faction Pyramids in Campaign Logger

JochenL

CL Byte Sprite
Staff member
Wizard of Adventure
Beta-Tester
Faster Combatant
Adventure Builder
Gamer Lifestyle
Adventure Master
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:
Markdown (GitHub flavored):
```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
```
1612695334792.png
 

JochenL

CL Byte Sprite
Staff member
Wizard of Adventure
Beta-Tester
Faster Combatant
Adventure Builder
Gamer Lifestyle
Adventure Master
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:
Markdown (GitHub flavored):
```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
```
1612695752978.png
 

JochenL

CL Byte Sprite
Staff member
Wizard of Adventure
Beta-Tester
Faster Combatant
Adventure Builder
Gamer Lifestyle
Adventure Master
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:
Markdown (GitHub flavored):
```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
```
1612696862340.png
 

pbianchi

New member
Adventure Builder
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

CL Byte Sprite
Staff member
Wizard of Adventure
Beta-Tester
Faster Combatant
Adventure Builder
Gamer Lifestyle
Adventure Master
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.
 

JochenL

CL Byte Sprite
Staff member
Wizard of Adventure
Beta-Tester
Faster Combatant
Adventure Builder
Gamer Lifestyle
Adventure Master
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:

Code:
```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
```
1617016798211.png

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

CL Byte Sprite
Staff member
Wizard of Adventure
Beta-Tester
Faster Combatant
Adventure Builder
Gamer Lifestyle
Adventure Master
So as a linebreak you need to add &ltbr>
Funny thing: This is working already in production! So my changes did exactly nothing.
 
Top