• 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
Adamantium WoA
Wizard of Story
Wizard of Combat
Gamer Lifestyle
Borderland Explorer
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
Adamantium WoA
Wizard of Story
Wizard of Combat
Gamer Lifestyle
Borderland Explorer
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
Adamantium WoA
Wizard of Story
Wizard of Combat
Gamer Lifestyle
Borderland Explorer
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

Member
Gold WoA
Wizard of Story
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
Adamantium WoA
Wizard of Story
Wizard of Combat
Gamer Lifestyle
Borderland Explorer
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
Adamantium WoA
Wizard of Story
Wizard of Combat
Gamer Lifestyle
Borderland Explorer
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
Adamantium WoA
Wizard of Story
Wizard of Combat
Gamer Lifestyle
Borderland Explorer
So as a linebreak you need to add &ltbr>
Funny thing: This is working already in production! So my changes did exactly nothing.
 

zenironman

Member
Gold WoA
Wizard of Combat
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?
 

zenironman

Member
Gold WoA
Wizard of Combat
@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

Well-known member
Wizard of Story
Wizard of Combat
Borderland Explorer
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).
 
Top