diff --git a/docs/blank_col.md b/docs/blank_col.md new file mode 100644 index 0000000..38a0956 --- /dev/null +++ b/docs/blank_col.md @@ -0,0 +1,9 @@ +# Blank Column + +Add + +``` +{ colBreak: true, tierName: 'blank', productionChains: [] } +``` + +to `src/components/production-chains.ts`. diff --git a/docs/boilerplate_production_chains.md b/docs/boilerplate_production_chains.md index 29d1d2a..56db70f 100644 --- a/docs/boilerplate_production_chains.md +++ b/docs/boilerplate_production_chains.md @@ -23,3 +23,13 @@ NAME(1) ``` + +``` +Name(1); style Name stroke:#0675BD,stroke-width:5px,stroke-dasharray: 7 7; +``` + +## chain with lower efficiency & electricity + +``` +NAME(66%1); style Name stroke:#0675BD,stroke-width:5px,stroke-dasharray: 7 7; +``` diff --git a/docs/scaling_down_greater_than_one.md b/docs/scaling_down_greater_than_one.md new file mode 100644 index 0000000..08fa966 --- /dev/null +++ b/docs/scaling_down_greater_than_one.md @@ -0,0 +1,23 @@ +Telephones - filament + +4 +4/3 = 1.3 += 2 +1.3/2 = 0.66 +2 @ 0.66 + +Go other way + +2/0.66 = 1.3 +1.3/3 = 4 + +--- + +Not this: because 2 @ 0.33 = 1 @ 0.66 +4 + +4/3 = 1.3 += 2 +r 0.66 +0.66/2 += 2 @ 33% diff --git a/src/assets/annoIcons/Arctic_Gas.webp b/src/assets/annoIcons/Arctic_Gas.webp new file mode 100644 index 0000000..0c31625 Binary files /dev/null and b/src/assets/annoIcons/Arctic_Gas.webp differ diff --git a/src/assets/annoIcons/Fuel.webp b/src/assets/annoIcons/Fuel.webp new file mode 100644 index 0000000..85d9c2c Binary files /dev/null and b/src/assets/annoIcons/Fuel.webp differ diff --git a/src/assets/annoIcons/Icon_electric_works_gas_0.webp b/src/assets/annoIcons/Icon_electric_works_gas_0.webp new file mode 100644 index 0000000..233f8ed Binary files /dev/null and b/src/assets/annoIcons/Icon_electric_works_gas_0.webp differ diff --git a/src/assets/annoIcons/Icon_leather_shoes_0.webp b/src/assets/annoIcons/Icon_leather_shoes_0.webp new file mode 100644 index 0000000..bbcfbcd Binary files /dev/null and b/src/assets/annoIcons/Icon_leather_shoes_0.webp differ diff --git a/src/assets/annoIcons/Icon_session_land_of_lions_0.webp b/src/assets/annoIcons/Icon_session_land_of_lions_0.webp new file mode 100644 index 0000000..5dde966 Binary files /dev/null and b/src/assets/annoIcons/Icon_session_land_of_lions_0.webp differ diff --git a/src/assets/annoIcons/Icon_session_moderate_0.webp b/src/assets/annoIcons/Icon_session_moderate_0.webp new file mode 100644 index 0000000..76e637e Binary files /dev/null and b/src/assets/annoIcons/Icon_session_moderate_0.webp differ diff --git a/src/assets/annoIcons/Icon_session_passage_0.webp b/src/assets/annoIcons/Icon_session_passage_0.webp new file mode 100644 index 0000000..7bca98a Binary files /dev/null and b/src/assets/annoIcons/Icon_session_passage_0.webp differ diff --git a/src/assets/annoIcons/Icon_session_southamerica_0.webp b/src/assets/annoIcons/Icon_session_southamerica_0.webp new file mode 100644 index 0000000..1d941ba Binary files /dev/null and b/src/assets/annoIcons/Icon_session_southamerica_0.webp differ diff --git a/src/assets/annoIcons/Icon_suits_0.webp b/src/assets/annoIcons/Icon_suits_0.webp new file mode 100644 index 0000000..b3555c6 Binary files /dev/null and b/src/assets/annoIcons/Icon_suits_0.webp differ diff --git a/src/assets/annoIcons/Icon_telephones_0.webp b/src/assets/annoIcons/Icon_telephones_0.webp new file mode 100644 index 0000000..e372d2b Binary files /dev/null and b/src/assets/annoIcons/Icon_telephones_0.webp differ diff --git a/src/assets/annoIcons/OilWell.webp b/src/assets/annoIcons/OilWell.webp new file mode 100644 index 0000000..af6f26d Binary files /dev/null and b/src/assets/annoIcons/OilWell.webp differ diff --git a/src/assets/annoIcons/Oil_Power_Plant.webp b/src/assets/annoIcons/Oil_Power_Plant.webp new file mode 100644 index 0000000..ae56257 Binary files /dev/null and b/src/assets/annoIcons/Oil_Power_Plant.webp differ diff --git a/src/assets/annoIcons/Oil_tanker.webp b/src/assets/annoIcons/Oil_tanker.webp new file mode 100644 index 0000000..289da40 Binary files /dev/null and b/src/assets/annoIcons/Oil_tanker.webp differ diff --git a/src/assets/annoIcons/Silo.webp b/src/assets/annoIcons/Silo.webp new file mode 100644 index 0000000..af062d5 Binary files /dev/null and b/src/assets/annoIcons/Silo.webp differ diff --git a/src/assets/annoIcons/TractorBarn.webp b/src/assets/annoIcons/TractorBarn.webp new file mode 100644 index 0000000..f212f67 Binary files /dev/null and b/src/assets/annoIcons/TractorBarn.webp differ diff --git a/src/assets/electricityBorder.webp b/src/assets/electricityBorder.webp new file mode 100644 index 0000000..1802fc4 Binary files /dev/null and b/src/assets/electricityBorder.webp differ diff --git a/src/components/ChainTiers.vue b/src/components/ChainTiers.vue index 97d2c8c..0784165 100644 --- a/src/components/ChainTiers.vue +++ b/src/components/ChainTiers.vue @@ -3,10 +3,16 @@ flat bordered square - :class="['card-background', 'q-ma-sm', 'border', 'text-center']" + :class="[ + 'card-background', + 'q-ma-sm', + 'border', + 'text-center', + calculateColBreak() + ]" > -
+
{{ title }}
@@ -18,9 +24,12 @@ diff --git a/src/components/DiagramRenderer.vue b/src/components/DiagramRenderer.vue index 8a4ef10..8fd03f7 100644 --- a/src/components/DiagramRenderer.vue +++ b/src/components/DiagramRenderer.vue @@ -6,18 +6,24 @@
+ + + - +
+ +
@@ -32,6 +38,7 @@ 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({ diff --git a/src/components/InfoCard.vue b/src/components/InfoCard.vue new file mode 100644 index 0000000..bd235c9 --- /dev/null +++ b/src/components/InfoCard.vue @@ -0,0 +1,32 @@ + + + + + diff --git a/src/components/ProductionChain.vue b/src/components/ProductionChain.vue index 6461a3d..814e033 100644 --- a/src/components/ProductionChain.vue +++ b/src/components/ProductionChain.vue @@ -38,13 +38,13 @@ watchEffect(() => { .ratio-count { font-weight: bold; - font-size: 1.9rem; + font-size: 2.5rem; text-align: center; } .efficiency-perc { font-weight: bold; - font-size: 1.9rem; + font-size: 2.5rem; color: $green-9 !important; } @@ -53,7 +53,7 @@ watchEffect(() => { } .electricity-icon { - width: 40px; + width: 50px; margin-bottom: -5px; } diff --git a/src/components/models.ts b/src/components/models.ts index a5e5241..de568e6 100644 --- a/src/components/models.ts +++ b/src/components/models.ts @@ -1,6 +1,7 @@ export interface TieredProductionChain { + colBreak: boolean; tierName: string; - productionChains: ProductionChain[]; + productionChains?: ProductionChain[]; } export interface ProductionChain { diff --git a/src/components/production-chains.ts b/src/components/production-chains.ts index 0cd35f5..b6b8eaa 100644 --- a/src/components/production-chains.ts +++ b/src/components/production-chains.ts @@ -3,6 +3,12 @@ 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'; @@ -125,12 +131,17 @@ 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'; +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'; @@ -143,9 +154,90 @@ 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(1) --> Charcoal(2)` + }, + { + productionChain: 'goldRatio', + mermaidDefinition: `flowchart LR; ArcticGold(1) --> NewWorldGold(2.5)` + }, + { + productionChain: 'furRatio', + mermaidDefinition: `flowchart LR; ArcticFur(1) --> OldWorldFur(4)` + }, + { + productionChain: 'clayRatio', + mermaidDefinition: `flowchart LR; EnbesaClay(1) --> OldWorldClay(2)` + }, + { + productionChain: 'tractorGrain', + mermaidDefinition: `flowchart LR; TractorGrain(1) --> Grain(4)` + }, + { + productionChain: 'siloPig', + mermaidDefinition: `flowchart LR; SiloPig(1) --> Pig(2.66)` + } + ] + }, + { + colBreak: false, + tierName: 'Fuel', + productionChains: [ + { + productionChain: 'oilPowerPlant', + mermaidDefinition: `flowchart LR; OilWell(3) --> OilPowerPlant(1)` + }, + { + productionChain: 'oilTanker', + mermaidDefinition: `flowchart LR; OilTanker(1) --> OilPowerPlant(2-3)` + }, + { + productionChain: 'gasPowerPlant', + mermaidDefinition: `flowchart LR; Gas(6) --> GasPlant(1)` + }, + { + productionChain: 'tractor', + mermaidDefinition: `flowchart LR; OilWell(1) --> Fuel(1) --> Tractor(20)` + }, + { + productionChain: 'silos', + mermaidDefinition: `flowchart TB; Grain(1); Corn(1); Teff(1); Silo(5); Grain --> Silo; Corn --> Silo; Teff --> Silo` + } + ] + }, + { + colBreak: false, + tierName: 'Sails', + productionChains: [ + { + productionChain: 'oldWorldSails', + mermaidDefinition: `flowchart LR; Wool(1) --> Sailmakers(1)` + }, + { + productionChain: 'newWorldSails', + mermaidDefinition: `flowchart LR; Cotton(2) --> CottonMill(1) --> Sailmakers(1)` + } + ] + }, + { + colBreak: false, tierName: 'Building Materials', productionChains: [ { @@ -162,7 +254,7 @@ export const productionChains: TieredProductionChain[] = [ }, { productionChain: 'windows', - mermaidDefinition: `flowchart LR; Sand(2) --> GlassMakers(2) --> WindowMakers(4); Wood(50%1) --> WindowMakers` + mermaidDefinition: `flowchart LR; Sand(50%1) --> GlassMakers(50%1) --> WindowMakers(1); Wood(25%1) --> WindowMakers` }, { productionChain: 'concrete', @@ -175,6 +267,39 @@ export const productionChains: TieredProductionChain[] = [ ] }, { + colBreak: false, + tierName: 'Weapons', + productionChains: [ + { + productionChain: 'weapons', + mermaidDefinition: `flowchart LR; charcoalKiln(1) & Iron(50%1) --> Steel(33%1) --> Weapons(1)` + }, + { + productionChain: 'heavyWeapons', + mermaidDefinition: `flowchart LR; Saltpeter(2) --> Dynamite(1) --> HeavyWeapons(1); Pig(1) --> Tallow(1) --> Dynamite; Charcoal(1) & Iron(50%1) --> Steel(50%1) --> 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(2) --> MaltHouse(1) --> Coffee(1); style Coffee stroke:#0675BD,stroke-width:5px,stroke-dasharray: 7 7;;` + }, + { + productionChain: 'advancedRum', + mermaidDefinition: `flowchart LR; Coal(1) & Potato(2) --> Rum(2); style Rum stroke:#0675BD,stroke-width:5px,stroke-dasharray: 7 7;;` + }, + { + productionChain: 'advancedCotton', + mermaidDefinition: `flowchart LR; Sheep(2) & Wood(1) --> Cotton(2); style Cotton stroke:#0675BD,stroke-width:5px,stroke-dasharray: 7 7;;` + } + ] + }, + { + colBreak: false, tierName: 'Farmers | Workers', productionChains: [ { @@ -204,6 +329,7 @@ export const productionChains: TieredProductionChain[] = [ ] }, { + colBreak: false, tierName: 'Artisans', productionChains: [ { @@ -225,6 +351,79 @@ export const productionChains: TieredProductionChain[] = [ ] }, { + colBreak: false, + tierName: 'Engineers', + productionChains: [ + { + productionChain: 'highWheeler', + mermaidDefinition: `flowchart LR; Coal(1) & Iron(1) --> Steel(2) --> HighWheeler(1); style HighWheeler stroke:#0675BD,stroke-width:5px,stroke-dasharray: 7 7;; Caoutchouc(4) --> HighWheeler` + }, + { + productionChain: 'glasses', + mermaidDefinition: `flowchart LR; Copper(1) & Zinc(1) --> Brass(2) --> Glasses(3); Sand(1) --> Glass(1) --> Glasses` + }, + { + productionChain: 'pocketWatches', + mermaidDefinition: `flowchart LR; GoldOre(10) & Coal(1) --> Gold(4) --> PocketWatches(3); style PocketWatches stroke:#0675BD,stroke-width:5px,stroke-dasharray: 7 7;; Sand(2) --> Glass(2) --> PocketWatches` + }, + { + productionChain: 'lightBulb', + mermaidDefinition: `flowchart LR; Charcoal(1) --> Filament(2) --> LightBulb(2); Sand(1) --> GlassMakers(1) --> LightBulb` + } + ] + }, + { + colBreak: false, + tierName: 'Investors', + productionChains: [ + { + productionChain: 'champagne', + mermaidDefinition: `flowchart LR; Sand(1) --> GlassMakers(1) --> Champagne(1); Grapes(4) --> Champagne` + }, + { + productionChain: 'jewelry', + mermaidDefinition: `flowchart LR; Charcoal(1) & GoldOre(5) --> Gold(2) -->Jewelry(1); Pearls(3) --> Jewelry` + }, + { + productionChain: 'gramophone', + mermaidDefinition: `flowchart LR; Wood(25%1) --> WoodVeneers(1) --> Gramophone(1); style Gramophone stroke:#0675BD,stroke-width:5px,stroke-dasharray: 7 7;; Copper(50%1) & Zinc(50%1) --> Brass(1) --> Gramophone` + } + ] + }, + { + colBreak: false, + tierName: 'Explorers', + productionChains: [ + { + productionChain: 'pemmican', + mermaidDefinition: `flowchart LR; Whaling(1) & Caribou(1) --> Pemmican(1)` + }, + { + productionChain: 'sleepingBag', + mermaidDefinition: `flowchart LR; Seal(50%1) & Goose(2) --> SleepingBag(1)` + }, + { + productionChain: 'oilLamp', + mermaidDefinition: `flowchart LR; Copper(50%1) & Zinc(50%1) --> Brass(1) --> OilLamp(1); Whaling(1) --> OilLamp` + } + ] + }, + { + colBreak: false, + tierName: 'Technicians', + productionChains: [ + { + productionChain: 'parkas', + mermaidDefinition: `flowchart LR; Bears(1) & Seal(33%1) --> Parkas(1)` + }, + { + productionChain: 'huskySled', + mermaidDefinition: `flowchart LR; Wood(25%1) & Seal(50%1) --> SledFrame(1) --> HuskySled(1); Husky(2) --> HuskySled` + } + ] + }, + { + colBreak: false, tierName: 'Jornaleros | Obreros', productionChains: [ { @@ -258,74 +457,21 @@ export const productionChains: TieredProductionChain[] = [ ] }, { - tierName: 'Engineers', + colBreak: false, + tierName: 'Machinery', productionChains: [ { - productionChain: 'highWheeler', - mermaidDefinition: `flowchart LR; Coal(1) & Iron(1) --> Steel(2) --> HighWheeler(1); Caoutchouc(4) --> HighWheeler` + productionChain: 'steamMotors', + mermaidDefinition: `flowchart LR; Coal(1) & Iron(1) --> Steel(2) --> SteamMotors(3); style SteamMotors stroke:#0675BD,stroke-width:5px,stroke-dasharray: 7 7;; Copper(2) & Zinc(2) --> Brass(4) --> SteamMotors` }, { - productionChain: 'glasses', - mermaidDefinition: `flowchart LR; Copper(1) & Zinc(1) --> Brass(2) --> Glasses(3); Sand(1) --> Glass(1) --> Glasses` - }, - { - productionChain: 'pocketWatches', - mermaidDefinition: `flowchart LR; GoldOre(10) & Coal(1) --> Gold(4) --> PocketWatches(3); Sand(2) --> Glass(2) --> PocketWatches` - }, - { - productionChain: 'lightBulb', - mermaidDefinition: `flowchart LR; Charcoal(1) --> Filament(2) --> LightBulb(2); Sand(1) --> GlassMakers(1) --> LightBulb` - } - ] - }, - { - tierName: 'Explorers', - productionChains: [ - { - productionChain: 'pemmican', - mermaidDefinition: `flowchart LR; Whaling(1) & Caribou(1) --> Pemmican(1)` - }, - { - productionChain: 'sleepingBag', - mermaidDefinition: `flowchart LR; Seal(50%1) & Goose(2) --> SleepingBag(1)` - }, - { - productionChain: 'oilLamp', - mermaidDefinition: `flowchart LR; Copper(50%1) & Zinc(50%1) --> Brass(1) --> OilLamp(1); Whaling(1) --> OilLamp` - } - ] - }, - { - tierName: 'Technicians', - productionChains: [ - { - productionChain: 'parkas', - mermaidDefinition: `flowchart LR; Bears(1) & Seal(33%1) --> Parkas(1)` - }, - { - productionChain: 'huskySled', - mermaidDefinition: `flowchart LR; Wood(25%1) & Seal(50%1) --> SledFrame(1) --> HuskySled(1); Husky(2) --> HuskySled` - } - ] - }, - { - tierName: 'Investors', - productionChains: [ - { - productionChain: 'champagne', - mermaidDefinition: `flowchart LR; Sand(1) --> GlassMakers(1) --> Champagne(1); Grapes(4) --> Champagne` - }, - { - productionChain: 'jewelry', - mermaidDefinition: `flowchart LR; Charcoal(1) & GoldOre(5) --> Gold(2) -->Jewelry(1); Pearls(3) --> Jewelry` - }, - { - productionChain: 'gramophone', - mermaidDefinition: `flowchart LR; Wood(25%1) --> WoodVeneers(1) --> Gramophone(1); Copper(50%1) & Zinc(50%1) --> Brass(1) --> Gramophone` + productionChain: 'steamCarriages', + mermaidDefinition: `flowchart LR; SteamMotors(3) --> SteamCarriages(2); Wood(1) & Caoutchouc(4) --> Coaches(8) --> 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: 'Shepherds', productionChains: [ { @@ -343,6 +489,7 @@ export const productionChains: TieredProductionChain[] = [ ] }, { + colBreak: false, tierName: 'Elders', productionChains: [ { @@ -372,41 +519,20 @@ export const productionChains: TieredProductionChain[] = [ ] }, { - tierName: 'Weapons', + colBreak: false, + tierName: 'Scholars', productionChains: [ { - productionChain: 'weapons', - mermaidDefinition: `flowchart LR; charcoalKiln(1) & Iron(50%1) --> Steel(33%1) --> Weapons(1)` + productionChain: 'boots', + mermaidDefinition: `flowchart LR; Sanga(1) --> Boots(1)` }, { - productionChain: 'heavyWeapons', - mermaidDefinition: `flowchart LR; Saltpeter(2) --> Dynamite(1) --> HeavyWeapons(1); Pig(1) --> Tallow(1) --> Dynamite; Charcoal(1) & Iron(50%1) --> Steel(50%1) --> HeavyWeapons` - } - ] - }, - { - tierName: 'Sails', - productionChains: [ - { - productionChain: 'oldWorldSails', - mermaidDefinition: `flowchart LR; Wool(1) --> Sailmakers(1)` + productionChain: 'tailors', + mermaidDefinition: `flowchart LR; Cotton(1) --> CottonMill(50%1) --> Tailors(1); Linseed(1) --> Linen(50%1) --> Tailors` }, { - productionChain: 'newWorldSails', - mermaidDefinition: `flowchart LR; Cotton(2) --> CottonMill(1) --> Sailmakers(1)` - } - ] - }, - { - tierName: 'Machinery', - productionChains: [ - { - productionChain: 'steamMotors', - mermaidDefinition: `flowchart LR; Coal(1) & Iron(1) --> Steel(2) --> SteamMotors(3); Copper(2) & Zinc(2) --> Brass(4) --> SteamMotors` - }, - { - productionChain: 'steamCarriages', - mermaidDefinition: `flowchart LR; SteamMotors(3) --> SteamCarriages(2); Wood(1) & Caoutchouc(4) --> CoachMakers(8) --> SteamCarriages` + productionChain: 'telephones', + mermaidDefinition: `flowchart LR; Coal(33%1) --> Filament(66%1) --> Telephones(1); Wood(33%1) --> WoodVeneer(66%1) --> 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;;` } ] }