dtomlinson/anno-production-chain-renderer
1
0
Fork 0
mirror of https://github.com/dtomlinson91/anno-production-chain-renderer.git synced 2025-12-22 14:25:45 +00:00
Code Issues Packages Projects Releases Wiki Activity

add latest

Browse Source
This commit is contained in:
Daniel Tomlinson
2022-09-28 02:02:20 +01:00
parent efc4af9fa7
commit 4fad26ba99
23 changed files with 358 additions and 195 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/ChainTiers.vue
View File

@@ -38,7 +38,7 @@ const calculateColBreak = () => (props.colBreak ? 'hide-item' : '');
<style lang="scss">
.border {
border: 0.1rem solid $off-black;
border: 0.1rem solid $burnt-dark;
}
.title-font {

89
src/components/DiagramRenderer.vue
View File

@@ -1,89 +0,0 @@
<template>
<div class="column masonry-container">
<div class="flex-break hidden item"></div>
<div class="flex-break item"></div>
<div class="flex-break item"></div>
<div class="flex-break item"></div>
<div class="flex-break item"></div>
<ChainTiers title="Information" :col-break="false">
<InfoCard></InfoCard>
</ChainTiers>
<ChainTiers
v-for="tier in productionChains"
:key="tier.tierName"
:title="tier.tierName"
:col-break="tier.colBreak"
class="masonry-col item"
>
<div v-if="!tier.colBreak">
<ProductionChain
v-for="chain in tier.productionChains"
:key="chain.productionChain"
:production-chain="chain.productionChain"
:mermaid-definition="chain.mermaidDefinition"
></ProductionChain>
</div>
</ChainTiers>
</div>
</template>
<script setup lang="ts">
import { onMounted } from 'vue';
import mermaid from 'mermaid';
// Production Chain Data
import { productionChains } from './production-chains';
// Components
import ChainTiers from 'components/ChainTiers.vue';
import ProductionChain from 'components/ProductionChain.vue';
import InfoCard from 'components/InfoCard.vue';
onMounted(() => {
mermaid.initialize({
startOnLoad: false,
logLevel: 'fatal',
securityLevel: 'loose',
theme: 'neutral',
flowchart: { htmlLabels: true }
});
});
</script>
<style lang="scss">
// Masonry Layout
.flex-break {
flex: 1 0 100% !important;
width: 0 !important;
}
$x: 5;
@for $i from 1 through ($x - 1) {
.masonry-container > .item:nth-child(#{$x}n + #{$i}) {
order: #{$i};
}
}
.masonry-container > .item:nth-child(#{$x}n) {
order: #{$x};
}
.masonry-container {
height: 10000px;
.masonry-col {
width: 1000px;
padding: 1px;
}
}
.top-padding {
padding-top: 100px;
}
rect.label-container {
fill: $burnt !important;
}
</style>

32
src/components/InfoCard.vue
View File

@@ -1,32 +0,0 @@
<template>
<q-list separator class="big-font text-left">
<q-item>
<q-item-section avatar>
<q-img
src="~assets/annoIcons/Gold_Ore.webp"
class="info-icon"
></q-img> </q-item-section
><q-item-section
>Mines & furs use Old World production rates.</q-item-section
>
</q-item>
<q-item>
<q-item-section avatar>
<q-img src="~assets/electricityBorder.webp" class="info-icon"></q-img>
</q-item-section>
<q-item-section>Building has electricity</q-item-section>
</q-item>
</q-list>
</template>
<script setup lang="ts"></script>
<style lang="scss">
.big-font {
font-size: 2rem;
}
.info-icon {
width: 100px;
}
</style>

77
src/components/InfoCardBase.vue Normal file
View File

@@ -0,0 +1,77 @@
<template>
<q-list separator class="big-font text-left">
<q-item>
<q-item-section avatar>
<q-img
src="~assets/annoIcons/Furs.webp"
class="info-icon"
></q-img> </q-item-section
><q-item-section
><span
>Furs use Old World
<q-img
src="~assets/annoIcons/Icon_session_moderate_0.webp"
class="info-small-icon"
></q-img>
production rates.
</span></q-item-section
>
</q-item>
<q-item>
<q-item-section avatar>
<q-img
src="~assets/annoIcons/Clay.webp"
class="info-icon"
></q-img></q-item-section
><q-item-section
><span
>Clay uses Old World
<q-img
src="~assets/annoIcons/Icon_session_moderate_0.webp"
class="info-small-icon"
></q-img>
production rates.
</span></q-item-section
>
</q-item>
<q-item>
<q-item-section avatar>
<q-img
src="~assets/annoIcons/Gold_Ore.webp"
class="info-icon"
></q-img></q-item-section
><q-item-section
><span
>Gold mines use New World
<q-img
src="~assets/annoIcons/Icon_session_southamerica_0.webp"
class="info-small-icon"
></q-img>
production rates.</span
></q-item-section
>
</q-item>
<q-item>
<q-item-section avatar>
<q-img src="~assets/electricityBorder.webp" class="info-icon"></q-img>
</q-item-section>
<q-item-section>Building has electricity</q-item-section>
</q-item>
</q-list>
</template>
<script setup lang="ts"></script>
<style lang="scss">
.big-font {
font-size: 2rem;
}
.info-icon {
width: 100px;
}
.info-small-icon {
width: 50px;
}
</style>

10
src/components/models.ts
View File

@@ -1,10 +0,0 @@
export interface TieredProductionChain {
colBreak: boolean;
tierName: string;
productionChains?: ProductionChain[];
}
export interface ProductionChain {
productionChain: string;
mermaidDefinition: string;
}

541
src/components/production-chains.ts
View File

@@ -1,541 +0,0 @@
import { TieredProductionChain } from './models';
// Icons
import lightningIcon from 'assets/annoIcons/Lightning.png';
// Regions
import oldWorldIcon from '../assets/annoIcons/Icon_session_moderate_0.webp';
import enbesaIcon from '../assets/annoIcons/Icon_session_land_of_lions_0.webp';
import newWorldIcon from '../assets/annoIcons/Icon_session_southamerica_0.webp';
import arcticIcon from '../assets/annoIcons/Icon_session_passage_0.webp';
// Building Materials
import woodIcon from 'assets/annoIcons/Wood.webp';
import timberIcon from 'assets/annoIcons/Timber.webp';
import clayIcon from 'assets/annoIcons/Clay.webp';
import bricksIcon from 'assets/annoIcons/Bricks.webp';
import charcoalKilnIcon from 'assets/annoIcons/Charcoal_kiln.webp';
import coalIcon from 'assets/annoIcons/Coal.webp';
import ironIcon from 'assets/annoIcons/Iron.webp';
import steelIcon from 'assets/annoIcons/Steel.webp';
import steelBeamsIcon from 'assets/annoIcons/Steel_beams.webp';
import sandIcon from 'assets/annoIcons/Quartz_sand.webp';
import glassIcon from 'assets/annoIcons/Glass.webp';
import windowMakersIcon from 'assets/annoIcons/Windows.webp';
import cementIcon from 'assets/annoIcons/Cement.webp';
import concreteFactory from 'assets/annoIcons/Reinforced_concrete.webp';
import teffIcon from 'assets/annoIcons/Icon_teff_grass_0.webp';
import mudBricksIcon from 'assets/annoIcons/Icon_mud_bricks_0.webp';
// Farmers & Workers
import potatoIcon from 'assets/annoIcons/Potato.webp';
import schnappsIcon from 'assets/annoIcons/Schnapps.webp';
import woolIcon from 'assets/annoIcons/Wool.webp';
import workClothesIcon from 'assets/annoIcons/Work_clothes.webp';
import pigIcon from 'assets/annoIcons/Pigs.webp';
import sausageIcon from 'assets/annoIcons/Sausages.webp';
import grainIcon from 'assets/annoIcons/Grain.webp';
import flourIcon from 'assets/annoIcons/Flour.webp';
import breadIcon from 'assets/annoIcons/Bread.webp';
import pigsIcon from 'assets/annoIcons/Pigs.webp';
import tallowIcon from 'assets/annoIcons/Tallow.webp';
import soapIcon from 'assets/annoIcons/Soap.webp';
import breweryIcon from 'assets/annoIcons/Beer.webp';
import malthouseIcon from 'assets/annoIcons/Malt.webp';
import hopFarmIcon from 'assets/annoIcons/Hops.webp';
import sailmakersIcon from 'assets/annoIcons/Sails.webp';
// Artisans
import beefIcon from 'assets/annoIcons/Beef.webp';
import redPeppersIcon from 'assets/annoIcons/Red_peppers.webp';
import artisnalKitchenIcon from 'assets/annoIcons/Goulash.webp';
import cannedFoodIcon from 'assets/annoIcons/Canned_food.webp';
import sewingMachinesIcon from 'assets/annoIcons/Sewing_machines.webp';
import fursIcon from 'assets/annoIcons/Furs.webp';
import furCoatsIcon from 'assets/annoIcons/Fur_Coats.webp';
import sugarCaneIcon from 'assets/annoIcons/Sugar_cane.webp';
import rumIcon from 'assets/annoIcons/Rum.webp';
// Engineers
import copperIcon from 'assets/annoIcons/Copper.webp';
import zincIcon from 'assets/annoIcons/Zinc.webp';
import brassIcon from 'assets/annoIcons/Brass.webp';
import glassesIcon from 'assets/annoIcons/Glasses.webp';
import caoutchoucIcon from 'assets/annoIcons/Caoutchouc.webp';
import highWheelerIcon from 'assets/annoIcons/High_wheeler.webp';
import goldOreIcon from 'assets/annoIcons/Gold_Ore.webp';
import goldIcon from 'assets/annoIcons/Gold.webp';
import pocketWatchesIcon from 'assets/annoIcons/Pocket_watch.webp';
import filamentIcon from 'assets/annoIcons/Carbon_filament.webp';
import lightBulbIcon from 'assets/annoIcons/Light_bulb.webp';
// Investors
import grapesIcon from 'assets/annoIcons/Grapes.webp';
import champagneIcon from 'assets/annoIcons/Champagne.webp';
import pearlsIcon from 'assets/annoIcons/Pearls.webp';
import jewelryIcon from 'assets/annoIcons/Jewelry.webp';
import gramophoneIcon from 'assets/annoIcons/Gramophone.webp';
// Jornaleros & Obreros
import cottonIcon from 'assets/annoIcons/Cotton.webp';
import cottonMillIcon from 'assets/annoIcons/Cotton_fabric.webp';
import plantainPlantationIcon from 'assets/annoIcons/Plantains.webp';
import fishOilIcon from 'assets/annoIcons/Fish_Oil.webp';
import friedPlantainsIcon from 'assets/annoIcons/Fried_plantains.webp';
import alpacaWoolIcon from 'assets/annoIcons/Alpaca_wool.webp';
import ponchosIcon from 'assets/annoIcons/Poncho.webp';
import cornIcon from 'assets/annoIcons/Corn.webp';
import tortillasIcon from 'assets/annoIcons/Tortilla.webp';
import coffeeBeansIcon from 'assets/annoIcons/Coffee_beans.webp';
import coffeeIcon from 'assets/annoIcons/Coffee.webp';
import feltIcon from 'assets/annoIcons/Felt.webp';
import bowlerHatsIcon from 'assets/annoIcons/Bowler_hats.webp';
import woodVeneersIcon from 'assets/annoIcons/Wood_veneers.webp';
import tobaccoIcon from 'assets/annoIcons/Tobacco.webp';
import cigarIcon from 'assets/annoIcons/Cigars.webp';
import sugarIcon from 'assets/annoIcons/Sugar.webp';
import cocoaIcon from 'assets/annoIcons/Cocoa.webp';
import chocolateIcon from 'assets/annoIcons/Chocolate.webp';
// Explorers
import whalingIcon from 'assets/annoIcons/Whaling_Station.webp';
import caribouIcon from 'assets/annoIcons/Caribou_Hunting_Cabin.webp';
import pemmicanIcon from 'assets/annoIcons/Pemmican_Cookhouse.webp';
import sealIcon from 'assets/annoIcons/Seal_Hunting_Docks.webp';
import gooseIcon from 'assets/annoIcons/Goose_Farm.webp';
import sleepingBagIcon from 'assets/annoIcons/Sleeping_Bag_Factory.webp';
import oilLampIcon from 'assets/annoIcons/Oil_Lamp_Factory.webp';
// Technicians
import bearIcon from 'assets/annoIcons/Bear_Hunting_Cabin.webp';
import parkasIcon from 'assets/annoIcons/Parka_Factory.webp';
import sledFrameIcon from 'assets/annoIcons/Sled_Frame_Factory.webp';
import huskyIcon from 'assets/annoIcons/Husky_Farm.webp';
import huskySledIcon from 'assets/annoIcons/Husky_Sled_Factory.webp';
// Shepherds
import linseedIcon from 'assets/annoIcons/Icon_linen_farm_0.webp';
import linenIcon from 'assets/annoIcons/Icon_linen_fabric_0.webp';
import embroidererIcon from 'assets/annoIcons/Icon_traditional_clothing_0.webp';
import saltIcon from 'assets/annoIcons/Salt.webp';
import sangaIcon from 'assets/annoIcons/Icon_watusi_0.webp';
import dryHouseIcon from 'assets/annoIcons/Icon_dried_meat_0.webp';
import hibiscusFarmIcon from 'assets/annoIcons/Icon_hibiscus_farm_0.webp';
import hibiscusTeaIcon from 'assets/annoIcons/Icon_hibiscus_tea_0.webp';
// Elders
import indigoIcon from 'assets/annoIcons/Icon_indigo_0.webp';
import ceramicsIcon from 'assets/annoIcons/Icon_ceramics_0.webp';
import tapestriesIcon from 'assets/annoIcons/Icon_tapestries_0.webp';
import spicesIcon from 'assets/annoIcons/Icon_spices_0.webp';
import teffMillIcon from 'assets/annoIcons/Icon_teff_flour_0.webp';
import lobstersIcon from 'assets/annoIcons/Icon_seafood_0.webp';
import watIcon from 'assets/annoIcons/Icon_wat_stew_0.webp';
import pipesIcon from 'assets/annoIcons/Icon_tobacco_pipes_0.webp';
import paperIcon from 'assets/annoIcons/Icon_paper_0.webp';
import luminerIcon from 'assets/annoIcons/Icon_scriptures_0.webp';
import apiaryIcon from 'assets/annoIcons/Icon_beeswax_0.webp';
import candlesIcon from 'assets/annoIcons/Icon_candles_0.webp';
import lanternsIcon from 'assets/annoIcons/Icon_lanterns_0.webp';
// Scholars
import bootsIcon from 'assets/annoIcons/Icon_leather_shoes_0.webp';
import tailorsIcon from 'assets/annoIcons/Icon_suits_0.webp';
import telephonesIcon from 'assets/annoIcons/Icon_telephones_0.webp';
// Weapons
import weaponsIcon from 'assets/annoIcons/Weapons.webp';
import saltpeterIcon from 'assets/annoIcons/Saltpeter.webp';
import dynamiteIcon from 'assets/annoIcons/Dynamite.webp';
import heavyWeaponsIcon from 'assets/annoIcons/Advanced_weapons.webp';
// Machinery
import steamMotorsIcon from 'assets/annoIcons/Steam_motors.webp';
import coachMakersIcon from 'assets/annoIcons/Chassis.webp';
import steamCarriagesIcon from 'assets/annoIcons/Steam_carriages.webp';
// Fuel
import oilWellIcon from 'assets/annoIcons/OilWell.webp';
import oilPowerPlantIcon from 'assets/annoIcons/Oil_Power_Plant.webp';
import oilTankerIcon from 'assets/annoIcons/Oil_tanker.webp';
import gasIcon from 'assets/annoIcons/Arctic_Gas.webp';
import gasPowerPlantIcon from 'assets/annoIcons/Icon_electric_works_gas_0.webp';
import fuelIcon from '../assets/annoIcons/Fuel.webp';
import tractorIcon from '../assets/annoIcons/TractorBarn.webp';
import siloIcon from 'assets/annoIcons/Silo.webp';
// Production Chains
export const productionChains: TieredProductionChain[] = [
{
colBreak: false,
tierName: 'Region Ratios',
productionChains: [
{
productionChain: 'coalRatio',
mermaidDefinition: `flowchart LR; Coal(<img src='${coalIcon}' class='icon-size' /><span class='ratio-count'>1</span>) --> Charcoal(<img src='${charcoalKilnIcon}' class='icon-size' /><span class='ratio-count'>2</span>)`
},
{
productionChain: 'goldRatio',
mermaidDefinition: `flowchart LR; ArcticGold(<span class='icon-flex-row'><img src='${goldOreIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span><img src='${arcticIcon}' class='electricity-icon' /></span><span class='ratio-count'>1</span></span></span>) --> NewWorldGold(<span class='icon-flex-row'><img src='${goldOreIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span><img src='${newWorldIcon}' class='electricity-icon' /></span><span class='ratio-count'>2.5</span></span></span>)`
},
{
productionChain: 'furRatio',
mermaidDefinition: `flowchart LR; ArcticFur(<span class='icon-flex-row'><img src='${fursIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span><img src='${arcticIcon}' class='electricity-icon' /></span><span class='ratio-count'>1</span></span></span>) --> OldWorldFur(<span class='icon-flex-row'><img src='${fursIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span><img src='${oldWorldIcon}' class='electricity-icon' /></span><span class='ratio-count'>4</span></span></span>)`
},
{
productionChain: 'clayRatio',
mermaidDefinition: `flowchart LR; EnbesaClay(<span class='icon-flex-row'><img src='${clayIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span><img src='${enbesaIcon}' class='electricity-icon' /></span><span class='ratio-count'>1</span></span></span>) --> OldWorldClay(<span class='icon-flex-row'><img src='${clayIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span><img src='${oldWorldIcon}' class='electricity-icon' /></span><span class='ratio-count'>2</span></span></span>)`
},
{
productionChain: 'tractorGrain',
mermaidDefinition: `flowchart LR; TractorGrain(<span class='icon-flex-row'><img src='${grainIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span><img src='${tractorIcon}' class='electricity-icon' /></span><span class='ratio-count'>1</span></span></span>) --> Grain(<img src='${grainIcon}' class='icon-size' /><span class='ratio-count'>4</span>)`
},
{
productionChain: 'siloPig',
mermaidDefinition: `flowchart LR; SiloPig(<span class='icon-flex-row'><img src='${pigIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span><img src='${siloIcon}' class='electricity-icon' /></span><span class='ratio-count'>1</span></span></span>) --> Pig(<img src='${pigIcon}' class='icon-size' /><span class='ratio-count'>2.66</span>)`
}
]
},
{
colBreak: false,
tierName: 'Fuel',
productionChains: [
{
productionChain: 'oilPowerPlant',
mermaidDefinition: `flowchart LR; OilWell(<img src='${oilWellIcon}' class='icon-size' /><span class='ratio-count'>3</span>) --> OilPowerPlant(<img src='${oilPowerPlantIcon}' class='icon-size' /><span class='ratio-count'>1</span>)`
},
{
productionChain: 'oilTanker',
mermaidDefinition: `flowchart LR; OilTanker(<img src='${oilTankerIcon}' class='icon-size' /><span class='ratio-count'>1</span>) --> OilPowerPlant(<img src='${oilPowerPlantIcon}' class='icon-size' /><span class='ratio-count'>2-3</span>)`
},
{
productionChain: 'gasPowerPlant',
mermaidDefinition: `flowchart LR; Gas(<img src='${gasIcon}' class='icon-size' /><span class='ratio-count'>6</span>) --> GasPlant(<img src='${gasPowerPlantIcon}' class='icon-size' /><span class='ratio-count'>1</span>)`
},
{
productionChain: 'tractor',
mermaidDefinition: `flowchart LR; OilWell(<img src='${oilWellIcon}' class='icon-size' /><span class='ratio-count'>1</span>) --> Fuel(<img src='${fuelIcon}' class='icon-size' /><span class='ratio-count'>1</span>) --> Tractor(<img src='${tractorIcon}' class='icon-size' /><span class='ratio-count'>20</span>)`
},
{
productionChain: 'silos',
mermaidDefinition: `flowchart TB; Grain(<img src='${grainIcon}' class='icon-size' /><span class='ratio-count'>1</span>); Corn(<img src='${cornIcon}' class='icon-size' /><span class='ratio-count'>1</span>); Teff(<img src='${teffIcon}' class='icon-size' /><span class='ratio-count'>1</span>); Silo(<img src='${siloIcon}' class='icon-size' /><span class='ratio-count'>5</span>); Grain --> Silo; Corn --> Silo; Teff --> Silo`
}
]
},
{
colBreak: false,
tierName: 'Building Materials',
productionChains: [
{
productionChain: 'timber',
mermaidDefinition: `flowchart LR; Wood(<img src='${woodIcon}' class='icon-size' /><span class='ratio-count'>1</span>)-->Timber(<img src='${timberIcon}' class='icon-size' /><span class='ratio-count'>1</span>)`
},
{
productionChain: 'bricks',
mermaidDefinition: `flowchart LR; Clay(<img src='${clayIcon}' class='icon-size' /><span class='ratio-count'>1</span>) --> Bricks(<img src='${bricksIcon}' class='icon-size' /><span class='ratio-count'>2</span>)`
},
{
productionChain: 'steelBeams',
mermaidDefinition: `flowchart LR; CharcoalKiln(<span class='icon-flex-row'><img src='${charcoalKilnIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>66%</span><span class='ratio-count'>1</span></span></span>) & Iron(<span class='icon-flex-row'><img src='${ironIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>33%</span><span class='ratio-count'>1</span></span></span>) --> Steel(<span class='icon-flex-row'><img src='${steelIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>66%</span><span class='ratio-count'>1</span></span></span>) --> SteelBeams(<img src='${steelBeamsIcon}' class='icon-size' /><span class='ratio-count'>1</span>)`
},
{
productionChain: 'windows',
mermaidDefinition: `flowchart LR; Sand(<span class='icon-flex-row'><img src='${sandIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>50%</span><span class='ratio-count'>1</span></span></span>) --> GlassMakers(<span class='icon-flex-row'><img src='${glassIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>50%</span><span class='ratio-count'>1</span></span></span>) --> WindowMakers(<img src='${windowMakersIcon}' class='icon-size' /><span class='ratio-count'>1</span>); Wood(<span class='icon-flex-row'><img src='${woodIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>25%</span><span class='ratio-count'>1</span></span></span>) --> WindowMakers`
},
{
productionChain: 'concrete',
mermaidDefinition: `flowchart LR; Charcoal(<img src='${charcoalKilnIcon}' class='icon-size' /><span class='ratio-count'>1</span>) & Iron(<span class='icon-flex-row'><img src='${ironIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>50%</span><span class='ratio-count'>1</span></span></span>) --> Steel(<img src='${steelIcon}' class='icon-size' /><span class='ratio-count'>1</span>) --> Concrete(<img src='${concreteFactory}' class='icon-size' /><span class='ratio-count'>2</span>); Cement(<img src='${cementIcon}' class='icon-size' /><span class='ratio-count'>1</span>) --> Concrete`
},
{
productionChain: 'mudBricks',
mermaidDefinition: `flowchart LR; Clay(<span class='icon-flex-row'><img src='${clayIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>25%</span><span class='ratio-count'>1</span></span></span>) & Teff(<img src='${teffIcon}' class='icon-size' /><span class='ratio-count'>1</span>) --> MudBricks(<img src='${mudBricksIcon}' class='icon-size' /><span class='ratio-count'>1</span>)`
}
]
},
{
colBreak: false,
tierName: 'Machinery',
productionChains: [
{
productionChain: 'steamMotors',
mermaidDefinition: `flowchart LR; Coal(<img src='${coalIcon}' class='icon-size' /><span class='ratio-count'>1</span>) & Iron(<img src='${ironIcon}' class='icon-size' /><span class='ratio-count'>1</span>) --> Steel(<img src='${steelIcon}' class='icon-size' /><span class='ratio-count'>2</span>) --> SteamMotors(<img src='${steamMotorsIcon}' class='icon-size' /><span class='ratio-count'>3</span>); style SteamMotors stroke:#0675BD,stroke-width:5px,stroke-dasharray: 7 7;; Copper(<img src='${copperIcon}' class='icon-size' /><span class='ratio-count'>2</span>) & Zinc(<img src='${zincIcon}' class='icon-size' /><span class='ratio-count'>2</span>) --> Brass(<img src='${brassIcon}' class='icon-size' /><span class='ratio-count'>4</span>) --> SteamMotors`
},
{
productionChain: 'steamCarriages',
mermaidDefinition: `flowchart LR; SteamMotors(<img src='${steamMotorsIcon}' class='icon-size' /><span class='ratio-count'>3</span>) --> SteamCarriages(<img src='${steamCarriagesIcon}' class='icon-size' /><span class='ratio-count'>2</span>); Wood(<img src='${woodIcon}' class='icon-size' /><span class='ratio-count'>1</span>) & Caoutchouc(<img src='${caoutchoucIcon}' class='icon-size' /><span class='ratio-count'>4</span>) --> Coaches(<img src='${coachMakersIcon}' class='icon-size' /><span class='ratio-count'>8</span>) --> SteamCarriages; style SteamCarriages stroke:#0675BD,stroke-width:5px,stroke-dasharray: 7 7; style SteamMotors stroke:#0675BD,stroke-width:5px,stroke-dasharray: 7 7;`
}
]
},
{
colBreak: false,
tierName: 'Farmers | Workers',
productionChains: [
{
productionChain: 'workClothes',
mermaidDefinition: `flowchart LR; Wool(<img src='${woolIcon}' class='icon-size' /><span class='ratio-count'>1</span>) --> WorkClothes(<img src='${workClothesIcon}' class='icon-size' /><span class='ratio-count'>1</span>)`
},
{
productionChain: 'schnapps',
mermaidDefinition: `flowchart LR; Potato(<img src='${potatoIcon}' class='icon-size' /><span class='ratio-count'>1</span>) --> Schnapps(<img src='${schnappsIcon}' class='icon-size' /><span class='ratio-count'>1</span>)`
},
{
productionChain: 'sausages',
mermaidDefinition: `flowchart LR; Pig(<img src='${pigIcon}' class='icon-size' /><span class='ratio-count'>1</span>) --> Sausages(<img src='${sausageIcon}' class='icon-size' /><span class='ratio-count'>2</span>)`
},
{
productionChain: 'bread',
mermaidDefinition: `flowchart LR; Grain(<img src='${grainIcon}' class='icon-size' /><span class='ratio-count'>2</span>) --> Flour(<img src='${flourIcon}' class='icon-size' /><span class='ratio-count'>1</span>) --> Bread(<img src='${breadIcon}' class='icon-size' /><span class='ratio-count'>2</span>)`
},
{
productionChain: 'soap',
mermaidDefinition: `flowchart LR; Pigs(<img src='${pigsIcon}' class='icon-size' /><span class='ratio-count'>2</span>) --> Tallow(<img src='${tallowIcon}' class='icon-size' /><span class='ratio-count'>2</span>) --> Soap(<img src='${soapIcon}' class='icon-size' /><span class='ratio-count'>1</span>)`
},
{
productionChain: 'beer',
mermaidDefinition: `flowchart LR; Grain(<img src='${grainIcon}' class='icon-size' /><span class='ratio-count'>2</span>) --> Malthouse(<img src='${malthouseIcon}' class='icon-size' /><span class='ratio-count'>1</span>) --> Brewery(<img src='${breweryIcon}' class='icon-size' /><span class='ratio-count'>2</span>); HopFarm(<img src='${hopFarmIcon}' class='icon-size' /><span class='ratio-count'>3</span>) --> Brewery`
}
]
},
{
colBreak: false,
tierName: 'Artisans',
productionChains: [
{
productionChain: 'cannedFood',
mermaidDefinition: `flowchart LR; Beef(<img src='${beefIcon}' class='icon-size' /><span class='ratio-count'>4</span>) --> ArtisnalKitchen(<img src='${artisnalKitchenIcon}' class='icon-size' /><span class='ratio-count'>4</span>) --> Cannery(<img src='${cannedFoodIcon}' class='icon-size' /><span class='ratio-count'>3</span>); NAME(<img src='${redPeppersIcon}' class='icon-size' /><span class='ratio-count'>4</span>) --> ArtisnalKitchen; Iron(<span class='icon-flex-row'><img src='${ironIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>50%</span><span class='ratio-count'>1</span></span></span>) --> Cannery`
},
{
productionChain: 'sewingMachines',
mermaidDefinition: `flowchart LR; Charcoal(<img src='${charcoalKilnIcon}' class='icon-size' /><span class='ratio-count'>1</span>) --> Steel(<img src='${steelIcon}' class='icon-size' /><span class='ratio-count'>1</span>) --> SewingMachines(<img src='${sewingMachinesIcon}' class='icon-size' /><span class='ratio-count'>1</span>); Iron(<span class='icon-flex-row'><img src='${ironIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>50%</span><span class='ratio-count'>1</span></span></span>) --> Steel; Wood(<span class='icon-flex-row'><img src='${woodIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>50%</span><span class='ratio-count'>1</span></span></span>) --> SewingMachines`
},
{
productionChain: 'rum',
mermaidDefinition: `flowchart LR; SugarCane(<img src='${sugarCaneIcon}' class='icon-size' /><span class='ratio-count'>1</span>) & Wood(<span class='icon-flex-row'><img src='${woodIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>50%</span><span class='ratio-count'>1</span></span></span>) --> Rum(<img src='${rumIcon}' class='icon-size' /><span class='ratio-count'>1</span>)`
},
{
productionChain: 'furs',
mermaidDefinition: `flowchart LR; Cotton(<img src='${cottonIcon}' class='icon-size' /><span class='ratio-count'>2</span>) --> CottonMill(<img src='${cottonMillIcon}' class='icon-size' /><span class='ratio-count'>1</span>) --> FurCoats(<img src='${furCoatsIcon}' class='icon-size' /><span class='ratio-count'>1</span>); Furs(<img src='${fursIcon}' class='icon-size' /><span class='ratio-count'>2</span>) --> FurCoats`
}
]
},
{
colBreak: false,
tierName: 'Engineers',
productionChains: [
{
productionChain: 'highWheeler',
mermaidDefinition: `flowchart LR; Coal(<img src='${coalIcon}' class='icon-size' /><span class='ratio-count'>1</span>) & Iron(<img src='${ironIcon}' class='icon-size' /><span class='ratio-count'>1</span>) --> Steel(<img src='${steelIcon}' class='icon-size' /><span class='ratio-count'>2</span>) --> HighWheeler(<img src='${highWheelerIcon}' class='icon-size' /><span class='ratio-count'>1</span>); style HighWheeler stroke:#0675BD,stroke-width:5px,stroke-dasharray: 7 7;; Caoutchouc(<img src='${caoutchoucIcon}' class='icon-size' /><span class='ratio-count'>4</span>) --> HighWheeler`
},
{
productionChain: 'glasses',
mermaidDefinition: `flowchart LR; Copper(<img src='${copperIcon}' class='icon-size' /><span class='ratio-count'>1</span>) & Zinc(<img src='${zincIcon}' class='icon-size' /><span class='ratio-count'>1</span>) --> Brass(<img src='${brassIcon}' class='icon-size' /><span class='ratio-count'>2</span>) --> Glasses(<img src='${glassesIcon}' class='icon-size' /><span class='ratio-count'>3</span>); Sand(<img src='${sandIcon}' class='icon-size' /><span class='ratio-count'>1</span>) --> Glass(<img src='${glassIcon}' class='icon-size' /><span class='ratio-count'>1</span>) --> Glasses`
},
{
productionChain: 'pocketWatches',
mermaidDefinition: `flowchart LR; GoldOre(<img src='${goldOreIcon}' class='icon-size' /><span class='ratio-count'>10</span>) & Coal(<img src='${coalIcon}' class='icon-size' /><span class='ratio-count'>1</span>) --> Gold(<img src='${goldIcon}' class='icon-size' /><span class='ratio-count'>4</span>) --> PocketWatches(<img src='${pocketWatchesIcon}' class='icon-size' /><span class='ratio-count'>3</span>); style PocketWatches stroke:#0675BD,stroke-width:5px,stroke-dasharray: 7 7;; Sand(<img src='${sandIcon}' class='icon-size' /><span class='ratio-count'>2</span>) --> Glass(<img src='${glassIcon}' class='icon-size' /><span class='ratio-count'>2</span>) --> PocketWatches`
},
{
productionChain: 'lightBulb',
mermaidDefinition: `flowchart LR; Charcoal(<img src='${charcoalKilnIcon}' class='icon-size' /><span class='ratio-count'>1</span>) --> Filament(<img src='${filamentIcon}' class='icon-size' /><span class='ratio-count'>2</span>) --> LightBulb(<img src='${lightBulbIcon}' class='icon-size' /><span class='ratio-count'>2</span>); Sand(<img src='${sandIcon}' class='icon-size' /><span class='ratio-count'>1</span>) --> GlassMakers(<img src='${glassIcon}' class='icon-size' /><span class='ratio-count'>1</span>) --> LightBulb`
}
]
},
{
colBreak: false,
tierName: 'Investors',
productionChains: [
{
productionChain: 'champagne',
mermaidDefinition: `flowchart LR; Sand(<img src='${sandIcon}' class='icon-size' /><span class='ratio-count'>1</span>) --> GlassMakers(<img src='${glassIcon}' class='icon-size' /><span class='ratio-count'>1</span>) --> Champagne(<img src='${champagneIcon}' class='icon-size' /><span class='ratio-count'>1</span>); Grapes(<img src='${grapesIcon}' class='icon-size' /><span class='ratio-count'>4</span>) --> Champagne`
},
{
productionChain: 'jewelry',
mermaidDefinition: `flowchart LR; Charcoal(<img src='${charcoalKilnIcon}' class='icon-size' /><span class='ratio-count'>1</span>) & GoldOre(<img src='${goldOreIcon}' class='icon-size' /><span class='ratio-count'>5</span>) --> Gold(<img src='${goldIcon}' class='icon-size' /><span class='ratio-count'>2</span>) -->Jewelry(<img src='${jewelryIcon}' class='icon-size' /><span class='ratio-count'>1</span>); Pearls(<img src='${pearlsIcon}' class='icon-size' /><span class='ratio-count'>3</span>) --> Jewelry`
},
{
productionChain: 'gramophone',
mermaidDefinition: `flowchart LR; Wood(<span class='icon-flex-row'><img src='${woodIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>25%</span><span class='ratio-count'>1</span></span></span>) --> WoodVeneers(<img src='${woodVeneersIcon}' class='icon-size' /><span class='ratio-count'>1</span>) --> Gramophone(<img src='${gramophoneIcon}' class='icon-size' /><span class='ratio-count'>1</span>); style Gramophone stroke:#0675BD,stroke-width:5px,stroke-dasharray: 7 7;; Copper(<span class='icon-flex-row'><img src='${copperIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>50%</span><span class='ratio-count'>1</span></span></span>) & Zinc(<span class='icon-flex-row'><img src='${zincIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>50%</span><span class='ratio-count'>1</span></span></span>) --> Brass(<img src='${brassIcon}' class='icon-size' /><span class='ratio-count'>1</span>) --> Gramophone`
}
]
},
{
colBreak: false,
tierName: 'Explorers',
productionChains: [
{
productionChain: 'pemmican',
mermaidDefinition: `flowchart LR; Whaling(<img src='${whalingIcon}' class='icon-size' /><span class='ratio-count'>1</span>) & Caribou(<img src='${caribouIcon}' class='icon-size' /><span class='ratio-count'>1</span>) --> Pemmican(<img src='${pemmicanIcon}' class='icon-size' /><span class='ratio-count'>1</span>)`
},
{
productionChain: 'sleepingBag',
mermaidDefinition: `flowchart LR; Seal(<span class='icon-flex-row'><img src='${sealIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>50%</span><span class='ratio-count'>1</span></span></span>) & Goose(<img src='${gooseIcon}' class='icon-size' /><span class='ratio-count'>2</span>) --> SleepingBag(<img src='${sleepingBagIcon}' class='icon-size' /><span class='ratio-count'>1</span>)`
},
{
productionChain: 'oilLamp',
mermaidDefinition: `flowchart LR; Copper(<span class='icon-flex-row'><img src='${copperIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>50%</span><span class='ratio-count'>1</span></span></span>) & Zinc(<span class='icon-flex-row'><img src='${zincIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>50%</span><span class='ratio-count'>1</span></span></span>) --> Brass(<img src='${brassIcon}' class='icon-size' /><span class='ratio-count'>1</span>) --> OilLamp(<img src='${oilLampIcon}' class='icon-size' /><span class='ratio-count'>1</span>); Whaling(<img src='${whalingIcon}' class='icon-size' /><span class='ratio-count'>1</span>) --> OilLamp`
}
]
},
{
colBreak: false,
tierName: 'Technicians',
productionChains: [
{
productionChain: 'parkas',
mermaidDefinition: `flowchart LR; Bears(<img src='${bearIcon}' class='icon-size' /><span class='ratio-count'>1</span>) & Seal(<span class='icon-flex-row'><img src='${sealIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>33%</span><span class='ratio-count'>1</span></span></span>) --> Parkas(<img src='${parkasIcon}' class='icon-size' /><span class='ratio-count'>1</span>)`
},
{
productionChain: 'huskySled',
mermaidDefinition: `flowchart LR; Wood(<span class='icon-flex-row'><img src='${woodIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>25%</span><span class='ratio-count'>1</span></span></span>) & Seal(<span class='icon-flex-row'><img src='${sealIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>50%</span><span class='ratio-count'>1</span></span></span>) --> SledFrame(<img src='${sledFrameIcon}' class='icon-size' /><span class='ratio-count'>1</span>) --> HuskySled(<img src='${huskySledIcon}' class='icon-size' /><span class='ratio-count'>1</span>); Husky(<img src='${huskyIcon}' class='icon-size' /><span class='ratio-count'>2</span>) --> HuskySled`
}
]
},
{
colBreak: false,
tierName: 'Shepherds',
productionChains: [
{
productionChain: 'finery',
mermaidDefinition: `flowchart LR; Linseed(<img src='${linseedIcon}' class='icon-size' /><span class='ratio-count'>2</span>) --> Linen(<img src='${linenIcon}' class='icon-size' /><span class='ratio-count'>1</span>) --> Embroidery(<img src='${embroidererIcon}' class='icon-size' /><span class='ratio-count'>2</span>)`
},
{
productionChain: 'driedMeat',
mermaidDefinition: `flowchart LR; Salt(<img src='${saltIcon}' class='icon-size' /><span class='ratio-count'>1</span>) & Sanga(<img src='${sangaIcon}' class='icon-size' /><span class='ratio-count'>2</span>) --> DryHouse(<img src='${dryHouseIcon}' class='icon-size' /><span class='ratio-count'>1</span>)`
},
{
productionChain: 'hibiscusTea',
mermaidDefinition: `flowchart LR; HibiscusFarm(<img src='${hibiscusFarmIcon}' class='icon-size' /><span class='ratio-count'>2</span>) --> HibiscusTea(<img src='${hibiscusTeaIcon}' class='icon-size' /><span class='ratio-count'>3</span>)`
}
]
},
{
colBreak: false,
tierName: 'Elders',
productionChains: [
{
productionChain: 'ceramics',
mermaidDefinition: `flowchart LR; Clay(<span class='icon-flex-row'><img src='${clayIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>50%</span><span class='ratio-count'>1</span></span></span>) & Indigo(<img src='${indigoIcon}' class='icon-size' /><span class='ratio-count'>2</span>) --> Ceramics(<img src='${ceramicsIcon}' class='icon-size' /><span class='ratio-count'>1</span>)`
},
{
productionChain: 'tapestries',
mermaidDefinition: `flowchart LR; Linseed(<img src='${linseedIcon}' class='icon-size' /><span class='ratio-count'>2</span>) --> Linen(<img src='${linenIcon}' class='icon-size' /><span class='ratio-count'>1</span>) --> Tapestry(<img src='${tapestriesIcon}' class='icon-size' /><span class='ratio-count'>1</span>); Indigo(<img src='${indigoIcon}' class='icon-size' /><span class='ratio-count'>2</span>) --> Tapestry`
},
{
productionChain: 'wat',
mermaidDefinition: `flowchart LR; Teff(<img src='${teffIcon}' class='icon-size' /><span class='ratio-count'>1</span>) & Spices(<img src='${spicesIcon}' class='icon-size' /><span class='ratio-count'>1</span>) --> TeffMill(<span class='icon-flex-row'><img src='${teffMillIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>50%</span><span class='ratio-count'>1</span></span></span>) --> Wat(<img src='${watIcon}' class='icon-size' /><span class='ratio-count'>1</span>); Lobster(<img src='${lobstersIcon}' class='icon-size' /><span class='ratio-count'>1</span>) --> Wat`
},
{
productionChain: 'pipes',
mermaidDefinition: `flowchart LR; Clay(<span class='icon-flex-row'><img src='${clayIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>50%</span><span class='ratio-count'>1</span></span></span>) & Tobacco(<img src='${tobaccoIcon}' class='icon-size' /><span class='ratio-count'>4</span>) --> Pipes(<img src='${pipesIcon}' class='icon-size' /><span class='ratio-count'>3</span>)`
},
{
productionChain: 'luminer',
mermaidDefinition: `flowchart LR; Wood(<span class='icon-flex-row'><img src='${woodIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>50%</span><span class='ratio-count'>1</span></span></span>) --> Paper(<span class='icon-flex-row'><img src='${paperIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>50%</span><span class='ratio-count'>1</span></span></span>) --> Luminer(<img src='${luminerIcon}' class='icon-size' /><span class='ratio-count'>2</span>); Indigo(<img src='${indigoIcon}' class='icon-size' /><span class='ratio-count'>2</span>) --> Luminer`
},
{
productionChain: 'lanterns',
mermaidDefinition: `flowchart LR; Sand(<img src='${sandIcon}' class='icon-size' /><span class='ratio-count'>1</span>) --> Glass(<img src='${glassIcon}' class='icon-size' /><span class='ratio-count'>1</span>) --> Lanterns(<img src='${lanternsIcon}' class='icon-size' /><span class='ratio-count'>2</span>); Cotton(<img src='${cottonIcon}' class='icon-size' /><span class='ratio-count'>2</span>) & Apiary(<img src='${apiaryIcon}' class='icon-size' /><span class='ratio-count'>1</span>) --> Candles(<img src='${candlesIcon}' class='icon-size' /><span class='ratio-count'>1</span>) --> Lanterns`
}
]
},
{
colBreak: false,
tierName: 'Scholars',
productionChains: [
{
productionChain: 'boots',
mermaidDefinition: `flowchart LR; Sanga(<img src='${sangaIcon}' class='icon-size' /><span class='ratio-count'>1</span>) --> Boots(<img src='${bootsIcon}' class='icon-size' /><span class='ratio-count'>1</span>)`
},
{
productionChain: 'tailors',
mermaidDefinition: `flowchart LR; Cotton(<img src='${cottonIcon}' class='icon-size' /><span class='ratio-count'>1</span>) --> CottonMill(<span class='icon-flex-row'><img src='${cottonMillIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>50%</span><span class='ratio-count'>1</span></span></span>) --> Tailors(<img src='${tailorsIcon}' class='icon-size' /><span class='ratio-count'>1</span>); Linseed(<img src='${linseedIcon}' class='icon-size' /><span class='ratio-count'>1</span>) --> Linen(<span class='icon-flex-row'><img src='${linenIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>50%</span><span class='ratio-count'>1</span></span></span>) --> Tailors`
},
{
productionChain: 'telephones',
mermaidDefinition: `flowchart LR; Coal(<span class='icon-flex-row'><img src='${coalIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>33%</span><span class='ratio-count'>1</span></span></span>) --> Filament(<span class='icon-flex-row'><img src='${filamentIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>66%</span><span class='ratio-count'>1</span></span></span>) --> Telephones(<img src='${telephonesIcon}' class='icon-size' /><span class='ratio-count'>1</span>); Wood(<span class='icon-flex-row'><img src='${woodIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>33%</span><span class='ratio-count'>1</span></span></span>) --> WoodVeneer(<span class='icon-flex-row'><img src='${woodVeneersIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>66%</span><span class='ratio-count'>1</span></span></span>) --> Telephones; style Telephones stroke:#0675BD,stroke-width:5px,stroke-dasharray: 7 7;; style Filament stroke:#0675BD,stroke-width:5px,stroke-dasharray: 7 7;; style WoodVeneer stroke:#0675BD,stroke-width:5px,stroke-dasharray: 7 7;;`
}
]
},
{
colBreak: false,
tierName: 'Sails',
productionChains: [
{
productionChain: 'oldWorldSails',
mermaidDefinition: `flowchart LR; Wool(<img src='${woolIcon}' class='icon-size' /><span class='ratio-count'>1</span>) --> Sailmakers(<img src='${sailmakersIcon}' class='icon-size' /><span class='ratio-count'>1</span>)`
},
{
productionChain: 'newWorldSails',
mermaidDefinition: `flowchart LR; Cotton(<img src='${cottonIcon}' class='icon-size' /><span class='ratio-count'>2</span>) --> CottonMill(<img src='${cottonMillIcon}' class='icon-size' /><span class='ratio-count'>1</span>) --> Sailmakers(<img src='${sailmakersIcon}' class='icon-size' /><span class='ratio-count'>1</span>)`
}
]
},
{
colBreak: false,
tierName: 'Weapons',
productionChains: [
{
productionChain: 'weapons',
mermaidDefinition: `flowchart LR; charcoalKiln(<img src='${charcoalKilnIcon}' class='icon-size' /><span class='ratio-count'>1</span>) & Iron(<span class='icon-flex-row'><img src='${ironIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>50%</span><span class='ratio-count'>1</span></span></span>) --> Steel(<span class='icon-flex-row'><img src='${steelIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>33%</span><span class='ratio-count'>1</span></span></span>) --> Weapons(<img src='${weaponsIcon}' class='icon-size' /><span class='ratio-count'>1</span>)`
},
{
productionChain: 'heavyWeapons',
mermaidDefinition: `flowchart LR; Saltpeter(<img src='${saltpeterIcon}' class='icon-size' /><span class='ratio-count'>2</span>) --> Dynamite(<img src='${dynamiteIcon}' class='icon-size' /><span class='ratio-count'>1</span>) --> HeavyWeapons(<img src='${heavyWeaponsIcon}' class='icon-size' /><span class='ratio-count'>1</span>); Pig(<img src='${pigsIcon}' class='icon-size' /><span class='ratio-count'>1</span>) --> Tallow(<img src='${tallowIcon}' class='icon-size' /><span class='ratio-count'>1</span>) --> Dynamite; Charcoal(<img src='${charcoalKilnIcon}' class='icon-size' /><span class='ratio-count'>1</span>) & Iron(<span class='icon-flex-row'><img src='${ironIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>50%</span><span class='ratio-count'>1</span></span></span>) --> Steel(<span class='icon-flex-row'><img src='${steelIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>50%</span><span class='ratio-count'>1</span></span></span>) --> HeavyWeapons; style HeavyWeapons stroke:#0675BD,stroke-width:5px,stroke-dasharray: 7 7`
}
]
},
{
colBreak: false,
tierName: 'Advanced Chains (Scholars)',
productionChains: [
{
productionChain: 'advancedCoffee',
mermaidDefinition: `flowchart LR; Grain(<img src='${grainIcon}' class='icon-size' /><span class='ratio-count'>2</span>) --> MaltHouse(<img src='${malthouseIcon}' class='icon-size' /><span class='ratio-count'>1</span>) --> Coffee(<img src='${coffeeIcon}' class='icon-size' /><span class='ratio-count'>1</span>); style Coffee stroke:#0675BD,stroke-width:5px,stroke-dasharray: 7 7;;`
},
{
productionChain: 'advancedRum',
mermaidDefinition: `flowchart LR; Coal(<img src='${coalIcon}' class='icon-size' /><span class='ratio-count'>1</span>) & Potato(<img src='${potatoIcon}' class='icon-size' /><span class='ratio-count'>2</span>) --> Rum(<img src='${rumIcon}' class='icon-size' /><span class='ratio-count'>2</span>); style Rum stroke:#0675BD,stroke-width:5px,stroke-dasharray: 7 7;;`
},
{
productionChain: 'advancedCotton',
mermaidDefinition: `flowchart LR; Sheep(<img src='${woolIcon}' class='icon-size' /><span class='ratio-count'>2</span>) & Wood(<img src='${woodIcon}' class='icon-size' /><span class='ratio-count'>1</span>) --> Cotton(<img src='${cottonMillIcon}' class='icon-size' /><span class='ratio-count'>2</span>); style Cotton stroke:#0675BD,stroke-width:5px,stroke-dasharray: 7 7;;`
}
]
},
{ colBreak: true, tierName: 'blank', productionChains: [] },
{ colBreak: true, tierName: 'blank', productionChains: [] },
{
colBreak: false,
tierName: 'Jornaleros | Obreros',
productionChains: [
{
productionChain: 'plantains',
mermaidDefinition: `flowchart LR; PlantainPlantation(<img src='${plantainPlantationIcon}' class='icon-size' /><span class='ratio-count'>1</span>) & FishOil(<img src='${fishOilIcon}' class='icon-size' /><span class='ratio-count'>1</span>) --> FriedPlantains(<img src='${friedPlantainsIcon}' class='icon-size' /><span class='ratio-count'>1</span>)`
},
{
productionChain: 'ponchos',
mermaidDefinition: `flowchart LR; AlpacaWool(<img src='${alpacaWoolIcon}' class='icon-size' /><span class='ratio-count'>1</span>) --> Ponchos(<img src='${ponchosIcon}' class='icon-size' /><span class='ratio-count'>1</span>)`
},
{
productionChain: 'tortillas',
mermaidDefinition: `flowchart LR; Beef(<img src='${beefIcon}' class='icon-size' /><span class='ratio-count'>2</span>) & Corn(<img src='${cornIcon}' class='icon-size' /><span class='ratio-count'>2</span>) --> Tortillas(<img src='${tortillasIcon}' class='icon-size' /><span class='ratio-count'>1</span>)`
},
{
productionChain: 'coffee',
mermaidDefinition: `flowchart LR; CoffeeBeans(<img src='${coffeeBeansIcon}' class='icon-size' /><span class='ratio-count'>2</span>) --> Coffee(<img src='${coffeeIcon}' class='icon-size' /><span class='ratio-count'>1</span>)`
},
{
productionChain: 'bowlerHats',
mermaidDefinition: `flowchart LR; Cotton(<img src='${cottonIcon}' class='icon-size' /><span class='ratio-count'>2</span>) --> CottonMill(<img src='${cottonMillIcon}' class='icon-size' /><span class='ratio-count'>1</span>) --> BowlerHats(<img src='${bowlerHatsIcon}' class='icon-size' /><span class='ratio-count'>1</span>); AlpacaWool(<img src='${alpacaWoolIcon}' class='icon-size' /><span class='ratio-count'>1</span>) --> Felt(<img src='${feltIcon}' class='icon-size' /><span class='ratio-count'>1</span>) --> BowlerHats`
},
{
productionChain: 'cigars',
mermaidDefinition: `flowchart LR; Wood(<span class='icon-flex-row'><img src='${woodIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>50%</span><span class='ratio-count'>1</span></span></span>) --> WoodVeneers(<img src='${woodVeneersIcon}' class='icon-size' /><span class='ratio-count'>2</span>) --> Cigars(<img src='${cigarIcon}' class='icon-size' /><span class='ratio-count'>1</span>); Tobacco(<img src='${tobaccoIcon}' class='icon-size' /><span class='ratio-count'>4</span>) --> Cigars`
},
{
productionChain: 'chocolate',
mermaidDefinition: `flowchart LR; SugarCane(<img src='${sugarCaneIcon}' class='icon-size' /><span class='ratio-count'>1</span>) --> Sugar(<img src='${sugarIcon}' class='icon-size' /><span class='ratio-count'>1</span>) --> Chocolate(<img src='${chocolateIcon}' class='icon-size' /><span class='ratio-count'>1</span>); Cocoa(<img src='${cocoaIcon}' class='icon-size' /><span class='ratio-count'>2</span>) --> Chocolate`
}
]
}
];