Skip to content

Instantly share code, notes, and snippets.

@jonchurch
Last active April 1, 2025 02:09
Show Gist options
  • Save jonchurch/bdc8f3f3b8ba02efdca3594e99e3b73b to your computer and use it in GitHub Desktop.
Save jonchurch/bdc8f3f3b8ba02efdca3594e99e3b73b to your computer and use it in GitHub Desktop.
flowchart LR
    %% Configuration for better alignment
    linkStyle default interpolate basis

    FAB_MATS["<div style='padding:8px;min-width:140px;text-align:right;' class='node-container '><div class='node-title' style='text-align:center !important;font-size:0.9em;'>FAB_MATS</div><div class='node-details' style='text-align:right !important;'><div style='text-align:right !important;'><span class='supply-abundant'>ABUNDANT</span> · <span class='activity-restricted'>RESTRICTED</span></div><div style='text-align:right !important;'>1,170c · v:20</div><div style='text-align:right !important;'>X1-RX40-F49</div></div><div style='text-align:right !important;'>RX40</div></div>"]
    class FAB_MATS activity-restricted
    class FAB_MATS export-item

    IRON["<div style='padding:8px;min-width:140px;text-align:right;' class='node-container '><div class='node-title' style='text-align:center !important;font-size:0.9em;'>IRON</div><div class='node-details' style='text-align:right !important;'><div style='text-align:right !important;'><span class='supply-high'>HIGH</span> · <span class='activity-restricted'>RESTRICTED</span></div><div style='text-align:right !important;'>94c · v:60</div><div style='text-align:right !important;'>X1-RX40-H52</div></div></div>"]
    class IRON activity-restricted

    IRON -->|"45c|<font color='#9ae6b4'>HIGH</font>v:60|<font color='#ff0000'>RESTRICTED</font>"| FAB_MATS

    IRON_ORE["<div style='padding:8px;min-width:140px;text-align:right;' class='node-container '><div class='node-title' style='text-align:center !important;font-size:0.9em;'>IRON_ORE</div><div class='node-details' style='text-align:right !important;'><div style='text-align:right !important;'><span class='supply-high'>HIGH</span> · <span class='activity-weak'>WEAK</span></div><div style='text-align:right !important;'>37c · v:60</div><div style='text-align:right !important;'>X1-RX40-J59</div></div></div>"]
    class IRON_ORE activity-weak

    IRON_ORE -->|"18c|<font color='#9ae6b4'>HIGH</font> v:60|<font color='#faf089'>WEAK</font>"| IRON

    QUARTZ_SAND["<div style='padding:8px;min-width:140px;text-align:right;' class='node-container '><div class='node-title' style='text-align:center !important;font-size:0.9em;'>QUARTZ_SAND</div><div class='node-details' style='text-align:right !important;'><div style='text-align:right !important;'><span class='supply-limited'>LIMITED</span> · <span class='activity-restricted'>RESTRICTED</span></div><div style='text-align:right !important;'>50c · v:60</div><div style='text-align:right !important;'>X1-RX40-F49</div></div></div>"]
    class QUARTZ_SAND activity-restricted

    QUARTZ_SAND -->|"25c|<font color='#faf089'>LIMITED</font>v:60|<font color='#ff0000'>RESTRICTED</font>"| FAB_MATS

    %% Node and link styling, for the borders showing the Activity
    classDef activity-restricted fill:#2d3748,stroke:#ff0000,stroke-width:3px
    classDef activity-weak fill:#2d3748,stroke:#faf089,stroke-width:2px
    classDef activity-growing fill:#2d3748,stroke:#9ae6b4,stroke-width:2px
    classDef activity-strong fill:#2d3748,stroke:#68d391,stroke-width:2.5px
    linkStyle default stroke:#6b7280,stroke-width:1.5px
    ```
Loading
flowchart LR
%% Configuration for better alignment
linkStyle default interpolate basis
FAB_MATS["<div style='padding:8px;min-width:140px;text-align:right;' class='node-container '><div class='node-title' style='text-align:center !important;font-size:0.9em;'>FAB_MATS</div><div class='node-details' style='text-align:right !important;'><div style='text-align:right !important;'><span class='supply-abundant'>ABUNDANT</span> · <span class='activity-restricted'>RESTRICTED</span></div><div style='text-align:right !important;'>1,170c · v:20</div><div style='text-align:right !important;'>X1-RX40-F49</div></div><div style='text-align:right !important;'>RX40</div></div>"]
class FAB_MATS activity-restricted
class FAB_MATS export-item
IRON["<div style='padding:8px;min-width:140px;text-align:right;' class='node-container '><div class='node-title' style='text-align:center !important;font-size:0.9em;'>IRON</div><div class='node-details' style='text-align:right !important;'><div style='text-align:right !important;'><span class='supply-high'>HIGH</span> · <span class='activity-restricted'>RESTRICTED</span></div><div style='text-align:right !important;'>94c · v:60</div><div style='text-align:right !important;'>X1-RX40-H52</div></div></div>"]
class IRON activity-restricted
IRON -->|"45c|<font color='#9ae6b4'>HIGH</font>
v:60|<font color='#ff0000'>RESTRICTED</font>"| FAB_MATS
IRON_ORE["<div style='padding:8px;min-width:140px;text-align:right;' class='node-container '><div class='node-title' style='text-align:center !important;font-size:0.9em;'>IRON_ORE</div><div class='node-details' style='text-align:right !important;'><div style='text-align:right !important;'><span class='supply-high'>HIGH</span> · <span class='activity-weak'>WEAK</span></div><div style='text-align:right !important;'>37c · v:60</div><div style='text-align:right !important;'>X1-RX40-J59</div></div></div>"]
class IRON_ORE activity-weak
IRON_ORE -->|"18c|<font color='#9ae6b4'>HIGH</font>
v:60|<font color='#faf089'>WEAK</font>"| IRON
QUARTZ_SAND["<div style='padding:8px;min-width:140px;text-align:right;' class='node-container '><div class='node-title' style='text-align:center !important;font-size:0.9em;'>QUARTZ_SAND</div><div class='node-details' style='text-align:right !important;'><div style='text-align:right !important;'><span class='supply-limited'>LIMITED</span> · <span class='activity-restricted'>RESTRICTED</span></div><div style='text-align:right !important;'>50c · v:60</div><div style='text-align:right !important;'>X1-RX40-F49</div></div></div>"]
class QUARTZ_SAND activity-restricted
QUARTZ_SAND -->|"25c|<font color='#faf089'>LIMITED</font>
v:60|<font color='#ff0000'>RESTRICTED</font>"| FAB_MATS
%% Node and link styling, for the borders showing the Activity
classDef activity-restricted fill:#2d3748,stroke:#ff0000,stroke-width:3px
classDef activity-weak fill:#2d3748,stroke:#faf089,stroke-width:2px
classDef activity-growing fill:#2d3748,stroke:#9ae6b4,stroke-width:2px
classDef activity-strong fill:#2d3748,stroke:#68d391,stroke-width:2.5px
linkStyle default stroke:#6b7280,stroke-width:1.5px
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment