Ring of Brodgar - User contributions [en]

Property:Skill page

2025-12-28T03:57:42Z

Csatangollah: adding property documentation

the type of this is a [[Has type::Page]]

it is for refering to a skill (in this context the skill's page) by name

one of its uses is to store links of pages inside subobjects of data, or records

{{Property_cat}}
{{Property page support links}}

Property:Skill tree coordinate rates

2025-12-28T03:50:17Z

Csatangollah: adding property documentation

the type of this is a [[Has type::Record]]

it has got the following fields: [[Has fields::Coordinate_x_rate; Coordinate_y_rate; Size_x_rate; Size_y_rate]]

this property is meant to define coordinates, and sizes of areas on a skill tree image - for area linking purposes

it is doing so the way each one of its numbers are according to the ancestor container size rates (percentage numbers in css)

see formatting info on contained fields

{{Property_cat}}
{{Property page support links}}

Property:Size y rate

2025-12-28T03:40:17Z

Csatangollah: moving definition to template

Property:Size x rate

2025-12-28T03:39:42Z

Csatangollah: moving definition to template

Property:Coordinate y rate

2025-12-28T03:39:01Z

Csatangollah: moving definition to template

Property:Coordinate x rate

2025-12-28T03:38:11Z

Csatangollah: moving definition to template

Template:Property rate number of 100

2025-12-28T03:37:05Z

Csatangollah: typo

<noinclude>
common documentation of at least four properties
</noinclude>
<includeonly>
the type of this is a [[Has type::Number]]

this number type is meant to contain floating point precision numbers with two digits

this number type is a rate number not from -1 to 1, (neither from 0 to 1), but from 0 to +100 including these.

although currently it is used <pre style="display: inline">0 !> this !> +100</pre>, othertimes using it as <pre style="display: inline">-100 !> this !> +100</pre> is possible

it is intended to be used in css as such

{{Property_cat}}
{{Property page support links}}
</includeonly>

Template:Property rate number of 100

2025-12-28T03:36:41Z

Csatangollah: Created page with "<noinclude> common documentation of at least four properties </noinclude> <onlyinclude> the type of this is a Has type::Number this number type is meant to contain floating point precision numbers with two digits this number type is a rate number not from -1 to 1, (neither from 0 to 1), but from 0 to +100 including these. although currently it is used <pre style="display: inline">0 !> this !> +100</pre>, othertimes using it as <pre style="display: inline">-100 !>..."

<noinclude>
common documentation of at least four properties
</noinclude>
<onlyinclude>
the type of this is a [[Has type::Number]]

this number type is meant to contain floating point precision numbers with two digits

this number type is a rate number not from -1 to 1, (neither from 0 to 1), but from 0 to +100 including these.

although currently it is used <pre style="display: inline">0 !> this !> +100</pre>, othertimes using it as <pre style="display: inline">-100 !> this !> +100</pre> is possible

it is intended to be used in css as such

{{Property_cat}}
{{Property page support links}}
</onlyinclude>

Property:Coordinate x rate

2025-12-28T03:31:54Z

Csatangollah: adding back property documentation

the type of this is a [[Has type::Number]]

this number type is meant to contain floating point precision numbers with two digits

this number type is a rate number not from -1 to 1, (neither from 0 to 1), but from 0 to +100 including these.

although currently it is used <pre style="display: inline">0 !> this !> +100</pre>, othertimes using it as <pre style="display: inline">-100 !> this !> +100</pre> is possible

it is intended to be used in css as such

{{Property_cat}}
{{Property page support links}}

Template:Skill tree skill marker

2025-12-28T03:05:38Z

Csatangollah: updating resolution to bug

<includeonly>
<div
style="
position: absolute
; display: flex
; justify-content: center
; align-items: center
; left: {{{2}}}%
; top: {{{3}}}%
; width: {{{4}}}%
; height: {{{5}}}%
; transform: translate(-50%, -50%)
; z-index: 10
; filter: alpha(opacity=0) !important
; -moz-opacity: 0 !important
; -khtml-opacity: 0 !important
; opacity: 0 !important
; background-color: transparent !important
; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)' !important
"title="{{{6|something}}} costs {{{7|unknown}}} learning points"
>[[{{{6}}}|o]]</div>
</includeonly>

<noinclude>
this fills up the skill tree png's (File:Skill_tree_definition.png) ancestor div with itself for each area definition in [[Data:Skill_tree_skill_icon_area_registry]] - each one of this should be a link to the respective icon's page from the [[Skills|skills page]]

these "area" links on the png work the way that there is an "o" hidden link display that is 30px font size for each icon inside the same div the png is in (roughly)

the 30px font size is the proportional icon size: for example the original icons were set to be 76px squared, and the png was set to be 1200px wide with 3123px original width - so the pixel size of the font of a single character like "o" has to be 76px times 1200 over 3123 pixels that is approximately 29.2px - however i rounded it up

each position can be got by using the source code included in the summary of the File:Skill_tree_definition.png in an application like visual studio code with jebbs' plantuml extension (both are free), and then generate a new svg based on that source, open the svg in browser, open dev mode with f12, and then run javascript that is going to paste every single node the plantumel was containing as "rectangles" onto the user's clipboard:

example javascript used for the old uml source code:
<pre>
// 1. Get the total width and height of the SVG viewbox
const svg = document.querySelector('svg');
const totalW = svg.viewBox.baseVal.width || svg.width.baseVal.value;
const totalH = svg.viewBox.baseVal.height || svg.height.baseVal.value;

// 2. Select and sort skills
const skills = Array.from(document.querySelectorAll('g[id^="elem_"]'));
skills.sort((a, b) => a.id.localeCompare(b.id));

// 3. Map to Percentage Rates
const registryData = skills.map(skill => {
const bbox = skill.getBBox();
const alias = skill.id.replace('elem_', '');

// Calculate Percentages
const centerX = ((bbox.x + (bbox.width / 2)) / totalW) * 100;
const centerY = ((bbox.y + (bbox.height / 2)) / totalH) * 100;
const sizeX = (bbox.width / totalW) * 100;
const sizeY = (bbox.height / totalH) * 100;

return `{{#subobject: |Skill_page=${alias} |Skill_tree_coordinate_rates=${centerX.toFixed(2)}; ${centerY.toFixed(2)}; ${sizeX.toFixed(2)}; ${sizeY.toFixed(2)} }}`;
});

// 4. Copy directly to your clipboard
const finalOutput = registryData.join('\n');
copy(finalOutput);

console.log("=== SUCCESS ===");
console.log(`${registryData.length} skills converted to PERCENTAGE rates and copied to clipboard.`);
console.log(`Based on SVG Size: ${totalW}x${totalH}`);
</pre>

note that using the old uml source code as template instead of the new one to update the uml source code, and then use this javascript on the svg of it will contain the rectangle definitions with lower case letters, and include two default nodes - that all will need to be rewritten to page names by hand, and will need to be removed by hand respectively after the extraction

i have just uploaded new uml source code (it is at File:Skill_tree_definition.png) that will facilitate to upload smaller png files (wiki friendlyness), and will facilitate page name, position, and size extraction - as a new javascript (perhaps witten by ai) will be able to differentiate between stereotypes of rectangles (in order to not extract the root skill nodes), and the page names may be according to the contents of the nodes (in order to not make wiki writers rewrite extracted page names themselves among [[Data:Skill_tree_skill_icon_area_registry|these subobjects]])

i just asked google ai how to extract these infos from svg files, however the important stuff to know before extracting: every coordinate, and size must be relative percentage in format from zero to hundred (not zero to one), without percentage marks (those are placed after the extraction), and rounded to two digits (for readable code)

it is also worth mentioning that with the new source code template the aliases are no longer feasable to be extracted (it has not been, but it did not matter before) because some of the aliases may contain different letters compared to the page names for the sake of handling those in uml. for example content "locks & bolts" is under alias "locks n bolts" in the new uml source - so the content will be needed to be extracted, not the alias (the current javascript example is extracting aliases)

further more according to ai's current knowledge it is possible to extract only the images', or only the labels' positions, and sizes (beside page name) - such that for example it is possible to make the interactive skill tree have the hover-title with the lp cost for skill icons, and then the link to the skill on the skill's name near the skill icon

also: according to object oriented programming the [[Template:Skill_tree_skill_marker|skill tree skill marker template]] is meant to be "touching" the skill tree it is on, because it is the collective marker on the skill tree - so me personally am not recommending to put other data between when it comes to extension of code for example to separate skill tree skill icon, and skill tree skill name definitions (to do title-link combination on the interactive map)

currently it is also possible to possess the lp points written on the skill tree using transparent font in the uml sourcecode, and then looking for the lp text area position, and then just placing the actual ever so updated lp cost onto the skill tree from here
</noinclude>

Template:Template sandbox/ImageMapping

2025-12-28T03:04:34Z

Csatangollah: updating resolution to bug

Data:Skill tree skill icon area registry

2025-12-28T03:03:22Z

Csatangollah: updating resolution to bug

<noinclude>
despite it's name suggests it is not the icon's area only, but the containing rectangle's - becauuse it is possible to only get the icon's area, and then get the skill name's area according to current knowledge of google ai.

see more info about extraction here: [[Template:Skill_tree_skill_marker]]

see more info about svg file these are extracted from (including it's generation using uml code) here: File:Skill_tree_definition.png

do not use "include only" for subobjects - as that will make those be unavailable to queries

the page linking functionality of the skill tree had vanished between 2025.12.28 01:09, and 02:58 (according to wiki date time) - the problem was that subobjects were inside "include only tag"

note: if you can not see a bunch of empty rows beneath, it meens there is a syntactic error (the subobjects are not "include only" for debugging reasons too)
</noinclude>
{{#subobject: |Skill_page=Alchemy |Skill_tree_coordinate_rates=31.48; 37.55; 3.07; 10.59 }}
{{#subobject: |Skill_page=Ancestral_Worship |Skill_tree_coordinate_rates=18.55; 37.55; 5.57; 10.59 }}
{{#subobject: |Skill_page=Animal_Husbandry |Skill_tree_coordinate_rates=81.03; 53.37; 5.51; 10.59 }}
{{#subobject: |Skill_page=Archery |Skill_tree_coordinate_rates=85.80; 53.37; 3.04; 10.59 }}
{{#subobject: |Skill_page=Baking |Skill_tree_coordinate_rates=34.59; 53.37; 3.04; 10.59 }}
{{#subobject: |Skill_page=Basic_Mechanics |Skill_tree_coordinate_rates=87.34; 21.73; 4.93; 10.59 }}
{{#subobject: |Skill_page=Beekeeping |Skill_tree_coordinate_rates=49.66; 53.37; 3.87; 10.59 }}
{{#subobject: |Skill_page=Boat_Building |Skill_tree_coordinate_rates=71.53; 37.55; 4.16; 10.59 }}
{{#subobject: |Skill_page=Carpentry |Skill_tree_coordinate_rates=65.83; 53.37; 3.30; 10.59 }}
{{#subobject: |Skill_page=Charcoal_Burning |Skill_tree_coordinate_rates=54.69; 53.37; 5.22; 10.59 }}
{{#subobject: |Skill_page=Cheesemaking |Skill_tree_coordinate_rates=82.09; 37.55; 4.64; 10.59 }}
{{#subobject: |Skill_page=Cooking |Skill_tree_coordinate_rates=34.59; 69.19; 3.07; 10.59 }}
{{#subobject: |Skill_page=Deep_Artifice |Skill_tree_coordinate_rates=90.51; 5.91; 4.13; 10.59 }}
{{#subobject: |Skill_page=Druidic_Rite |Skill_tree_coordinate_rates=24.98; 5.91; 3.55; 10.59 }}
{{#subobject: |Skill_page=Farming |Skill_tree_coordinate_rates=49.66; 69.19; 3.04; 10.59 }}
{{#subobject: |Skill_page=Firecrafts |Skill_tree_coordinate_rates=36.35; 85.02; 3.14; 10.59 }}
{{#subobject: |Skill_page=First_Aid |Skill_tree_coordinate_rates=35.04; 37.55; 3.04; 10.59 }}
{{#subobject: |Skill_page=Fishing |Skill_tree_coordinate_rates=71.40; 69.19; 3.07; 10.59 }}
{{#subobject: |Skill_page=Foraging |Skill_tree_coordinate_rates=56.03; 85.02; 3.04; 10.59 }}
{{#subobject: |Skill_page=Forestry |Skill_tree_coordinate_rates=42.01; 21.73; 3.04; 10.59 }}
{{#subobject: |Skill_page=Gardening |Skill_tree_coordinate_rates=42.01; 53.37; 3.39; 10.59 }}
{{#subobject: |Skill_page=Glass_Blowing |Skill_tree_coordinate_rates=30.36; 53.37; 4.42; 10.59 }}
{{#subobject: |Skill_page=Hearth_Magic |Skill_tree_coordinate_rates=21.65; 53.37; 4.26; 10.59 }}
{{#subobject: |Skill_page=Hunting |Skill_tree_coordinate_rates=83.40; 69.19; 3.04; 10.59 }}
{{#subobject: |Skill_page=Jewelry |Skill_tree_coordinate_rates=91.95; 37.55; 3.04; 10.59 }}
{{#subobject: |Skill_page=Landscaping |Skill_tree_coordinate_rates=71.94; 53.37; 3.94; 10.59 }}
{{#subobject: |Skill_page=Lawspeaking |Skill_tree_coordinate_rates=27.42; 37.55; 4.10; 10.59 }}
{{#subobject: |Skill_page=Locks_&_Bolts |Skill_tree_coordinate_rates=39.16; 37.55; 4.23; 10.59 }}
{{#subobject: |Skill_page=Lumberjacking |Skill_tree_coordinate_rates=62.44; 69.19; 4.45; 10.59 }}
{{#subobject: |Skill_page=Metal_Working |Skill_tree_coordinate_rates=93.61; 53.37; 4.55; 10.59 }}
{{#subobject: |Skill_page=Metallurgy |Skill_tree_coordinate_rates=93.68; 21.73; 3.52; 10.59 }}
{{#subobject: |Skill_page=Mining |Skill_tree_coordinate_rates=98.29; 53.37; 3.04; 10.59 }}
{{#subobject: |Skill_page=Murder |Skill_tree_coordinate_rates=5.65; 37.55; 3.07; 10.59 }}
{{#subobject: |Skill_page=Music |Skill_tree_coordinate_rates=13.75; 37.55; 3.07; 10.59 }}
{{#subobject: |Skill_page=Oral_Tradition |Skill_tree_coordinate_rates=71.43; 85.02; 4.13; 10.59 }}
{{#subobject: |Skill_page=Painting |Skill_tree_coordinate_rates=23.35; 37.55; 3.07; 10.59 }}
{{#subobject: |Skill_page=Plant_Lore |Skill_tree_coordinate_rates=38.20; 53.37; 3.23; 10.59 }}
{{#subobject: |Skill_page=Pottery |Skill_tree_coordinate_rates=38.14; 69.19; 3.04; 10.59 }}
{{#subobject: |Skill_page=Primitive_Tools |Skill_tree_coordinate_rates=60.29; 85.02; 4.48; 10.59 }}
{{#subobject: |Skill_page=Rage |Skill_tree_coordinate_rates=5.65; 53.37; 3.04; 10.59 }}
{{#subobject: |Skill_page=Rope_Twining |Skill_tree_coordinate_rates=86.92; 37.55; 4.03; 10.59 }}
{{#subobject: |Skill_page=Sausage_Making |Skill_tree_coordinate_rates=76.68; 37.55; 5.19; 10.59 }}
{{#subobject: |Skill_page=Sewing |Skill_tree_coordinate_rates=45.73; 53.37; 3.04; 10.59 }}
{{#subobject: |Skill_page=Siegecraft |Skill_tree_coordinate_rates=1.94; 21.73; 3.43; 10.59 }}
{{#subobject: |Skill_page=Silkfarming |Skill_tree_coordinate_rates=49.86; 37.55; 3.62; 10.59 }}
{{#subobject: |Skill_page=Steelmaking |Skill_tree_coordinate_rates=95.95; 37.55; 3.97; 10.59 }}
{{#subobject: |Skill_page=Stone_Working |Skill_tree_coordinate_rates=93.61; 69.19; 4.55; 10.59 }}
{{#subobject: |Skill_page=Swimming |Skill_tree_coordinate_rates=76.10; 53.37; 3.39; 10.59 }}
{{#subobject: |Skill_page=Tanning |Skill_tree_coordinate_rates=89.32; 53.37; 3.04; 10.59 }}
{{#subobject: |Skill_page=The_Will_to_Power |Skill_tree_coordinate_rates=24.66; 85.02; 5.25; 10.59 }}
{{#subobject: |Skill_page=Theft |Skill_tree_coordinate_rates=2.03; 53.37; 3.04; 10.59 }}
{{#subobject: |Skill_page=Trade |Skill_tree_coordinate_rates=10.20; 37.55; 3.07; 10.59 }}
{{#subobject: |Skill_page=Trespassing |Skill_tree_coordinate_rates=4.43; 69.19; 3.87; 10.59 }}
{{#subobject: |Skill_page=Tunneling |Skill_tree_coordinate_rates=98.26; 21.73; 3.07; 10.59 }}
{{#subobject: |Skill_page=Vandalism |Skill_tree_coordinate_rates=1.94; 37.55; 3.39; 10.59 }}
{{#subobject: |Skill_page=Wheelwrighting |Skill_tree_coordinate_rates=66.57; 37.55; 4.77; 10.59 }}
{{#subobject: |Skill_page=Wilderness_Survival |Skill_tree_coordinate_rates=65.96; 85.02; 5.86; 10.59 }}
{{#subobject: |Skill_page=Winemaking |Skill_tree_coordinate_rates=59.75; 53.37; 3.91; 10.59 }}
{{#subobject: |Skill_page=Woodsmanship |Skill_tree_coordinate_rates=45.15; 37.55; 4.80; 10.59 }}
{{#subobject: |Skill_page=Yeomanry |Skill_tree_coordinate_rates=25.98; 53.37; 3.39; 10.59 }}

Data:Test data

2025-12-28T03:00:09Z

Csatangollah: adding notice to not use include only on subobjects

<noinclude>
not "included" text

do not use "include only" for subobjects - as that will make those be unavailable to queries
</noinclude>
{{#subobject: |Size_x_rate=0 |Size_y_rate=1 }}
{{#subobject: |Size_x_rate=2 |Size_y_rate=3 }}
{{#subobject: |Size_x_rate=4 |Size_y_rate=5 }}
{{#subobject: |Size_x_rate=6 |Size_y_rate=7 }}
{{#subobject: |Size_x_rate=8 |Size_y_rate=9 }}

Data:Skill tree skill icon area registry

2025-12-28T02:58:45Z

Csatangollah: adding notice to not use include only on subobjects

<noinclude>
do not use "include only" for subobjects - as that will make those be unavailable to queries

the page linking functionality of the skill tree has vanished. it happened somewhere between 2025.12.27 12:06 and 2025.12.28 01:27 (according to wiki date time) - i am trying to figure out the cause

despite it's name suggests it is not the icon's area only, but the containing rectangle's - becauuse it is possible to only get the icon's area, and then get the skill name's area according to current knowledge of google ai.

see more info about extraction here: [[Template:Skill_tree_skill_marker]]

see more info about svg file these are extracted from (including it's generation using uml code) here: File:Skill_tree_definition.png

note: if you can not see a bunch of empty rows beneath, it meens there is a syntactic error (the subobjects are not "include only" for debugging reasons too)
</noinclude>
{{#subobject: |Skill_page=Alchemy |Skill_tree_coordinate_rates=31.48; 37.55; 3.07; 10.59 }}
{{#subobject: |Skill_page=Ancestral_Worship |Skill_tree_coordinate_rates=18.55; 37.55; 5.57; 10.59 }}
{{#subobject: |Skill_page=Animal_Husbandry |Skill_tree_coordinate_rates=81.03; 53.37; 5.51; 10.59 }}
{{#subobject: |Skill_page=Archery |Skill_tree_coordinate_rates=85.80; 53.37; 3.04; 10.59 }}
{{#subobject: |Skill_page=Baking |Skill_tree_coordinate_rates=34.59; 53.37; 3.04; 10.59 }}
{{#subobject: |Skill_page=Basic_Mechanics |Skill_tree_coordinate_rates=87.34; 21.73; 4.93; 10.59 }}
{{#subobject: |Skill_page=Beekeeping |Skill_tree_coordinate_rates=49.66; 53.37; 3.87; 10.59 }}
{{#subobject: |Skill_page=Boat_Building |Skill_tree_coordinate_rates=71.53; 37.55; 4.16; 10.59 }}
{{#subobject: |Skill_page=Carpentry |Skill_tree_coordinate_rates=65.83; 53.37; 3.30; 10.59 }}
{{#subobject: |Skill_page=Charcoal_Burning |Skill_tree_coordinate_rates=54.69; 53.37; 5.22; 10.59 }}
{{#subobject: |Skill_page=Cheesemaking |Skill_tree_coordinate_rates=82.09; 37.55; 4.64; 10.59 }}
{{#subobject: |Skill_page=Cooking |Skill_tree_coordinate_rates=34.59; 69.19; 3.07; 10.59 }}
{{#subobject: |Skill_page=Deep_Artifice |Skill_tree_coordinate_rates=90.51; 5.91; 4.13; 10.59 }}
{{#subobject: |Skill_page=Druidic_Rite |Skill_tree_coordinate_rates=24.98; 5.91; 3.55; 10.59 }}
{{#subobject: |Skill_page=Farming |Skill_tree_coordinate_rates=49.66; 69.19; 3.04; 10.59 }}
{{#subobject: |Skill_page=Firecrafts |Skill_tree_coordinate_rates=36.35; 85.02; 3.14; 10.59 }}
{{#subobject: |Skill_page=First_Aid |Skill_tree_coordinate_rates=35.04; 37.55; 3.04; 10.59 }}
{{#subobject: |Skill_page=Fishing |Skill_tree_coordinate_rates=71.40; 69.19; 3.07; 10.59 }}
{{#subobject: |Skill_page=Foraging |Skill_tree_coordinate_rates=56.03; 85.02; 3.04; 10.59 }}
{{#subobject: |Skill_page=Forestry |Skill_tree_coordinate_rates=42.01; 21.73; 3.04; 10.59 }}
{{#subobject: |Skill_page=Gardening |Skill_tree_coordinate_rates=42.01; 53.37; 3.39; 10.59 }}
{{#subobject: |Skill_page=Glass_Blowing |Skill_tree_coordinate_rates=30.36; 53.37; 4.42; 10.59 }}
{{#subobject: |Skill_page=Hearth_Magic |Skill_tree_coordinate_rates=21.65; 53.37; 4.26; 10.59 }}
{{#subobject: |Skill_page=Hunting |Skill_tree_coordinate_rates=83.40; 69.19; 3.04; 10.59 }}
{{#subobject: |Skill_page=Jewelry |Skill_tree_coordinate_rates=91.95; 37.55; 3.04; 10.59 }}
{{#subobject: |Skill_page=Landscaping |Skill_tree_coordinate_rates=71.94; 53.37; 3.94; 10.59 }}
{{#subobject: |Skill_page=Lawspeaking |Skill_tree_coordinate_rates=27.42; 37.55; 4.10; 10.59 }}
{{#subobject: |Skill_page=Locks_&_Bolts |Skill_tree_coordinate_rates=39.16; 37.55; 4.23; 10.59 }}
{{#subobject: |Skill_page=Lumberjacking |Skill_tree_coordinate_rates=62.44; 69.19; 4.45; 10.59 }}
{{#subobject: |Skill_page=Metal_Working |Skill_tree_coordinate_rates=93.61; 53.37; 4.55; 10.59 }}
{{#subobject: |Skill_page=Metallurgy |Skill_tree_coordinate_rates=93.68; 21.73; 3.52; 10.59 }}
{{#subobject: |Skill_page=Mining |Skill_tree_coordinate_rates=98.29; 53.37; 3.04; 10.59 }}
{{#subobject: |Skill_page=Murder |Skill_tree_coordinate_rates=5.65; 37.55; 3.07; 10.59 }}
{{#subobject: |Skill_page=Music |Skill_tree_coordinate_rates=13.75; 37.55; 3.07; 10.59 }}
{{#subobject: |Skill_page=Oral_Tradition |Skill_tree_coordinate_rates=71.43; 85.02; 4.13; 10.59 }}
{{#subobject: |Skill_page=Painting |Skill_tree_coordinate_rates=23.35; 37.55; 3.07; 10.59 }}
{{#subobject: |Skill_page=Plant_Lore |Skill_tree_coordinate_rates=38.20; 53.37; 3.23; 10.59 }}
{{#subobject: |Skill_page=Pottery |Skill_tree_coordinate_rates=38.14; 69.19; 3.04; 10.59 }}
{{#subobject: |Skill_page=Primitive_Tools |Skill_tree_coordinate_rates=60.29; 85.02; 4.48; 10.59 }}
{{#subobject: |Skill_page=Rage |Skill_tree_coordinate_rates=5.65; 53.37; 3.04; 10.59 }}
{{#subobject: |Skill_page=Rope_Twining |Skill_tree_coordinate_rates=86.92; 37.55; 4.03; 10.59 }}
{{#subobject: |Skill_page=Sausage_Making |Skill_tree_coordinate_rates=76.68; 37.55; 5.19; 10.59 }}
{{#subobject: |Skill_page=Sewing |Skill_tree_coordinate_rates=45.73; 53.37; 3.04; 10.59 }}
{{#subobject: |Skill_page=Siegecraft |Skill_tree_coordinate_rates=1.94; 21.73; 3.43; 10.59 }}
{{#subobject: |Skill_page=Silkfarming |Skill_tree_coordinate_rates=49.86; 37.55; 3.62; 10.59 }}
{{#subobject: |Skill_page=Steelmaking |Skill_tree_coordinate_rates=95.95; 37.55; 3.97; 10.59 }}
{{#subobject: |Skill_page=Stone_Working |Skill_tree_coordinate_rates=93.61; 69.19; 4.55; 10.59 }}
{{#subobject: |Skill_page=Swimming |Skill_tree_coordinate_rates=76.10; 53.37; 3.39; 10.59 }}
{{#subobject: |Skill_page=Tanning |Skill_tree_coordinate_rates=89.32; 53.37; 3.04; 10.59 }}
{{#subobject: |Skill_page=The_Will_to_Power |Skill_tree_coordinate_rates=24.66; 85.02; 5.25; 10.59 }}
{{#subobject: |Skill_page=Theft |Skill_tree_coordinate_rates=2.03; 53.37; 3.04; 10.59 }}
{{#subobject: |Skill_page=Trade |Skill_tree_coordinate_rates=10.20; 37.55; 3.07; 10.59 }}
{{#subobject: |Skill_page=Trespassing |Skill_tree_coordinate_rates=4.43; 69.19; 3.87; 10.59 }}
{{#subobject: |Skill_page=Tunneling |Skill_tree_coordinate_rates=98.26; 21.73; 3.07; 10.59 }}
{{#subobject: |Skill_page=Vandalism |Skill_tree_coordinate_rates=1.94; 37.55; 3.39; 10.59 }}
{{#subobject: |Skill_page=Wheelwrighting |Skill_tree_coordinate_rates=66.57; 37.55; 4.77; 10.59 }}
{{#subobject: |Skill_page=Wilderness_Survival |Skill_tree_coordinate_rates=65.96; 85.02; 5.86; 10.59 }}
{{#subobject: |Skill_page=Winemaking |Skill_tree_coordinate_rates=59.75; 53.37; 3.91; 10.59 }}
{{#subobject: |Skill_page=Woodsmanship |Skill_tree_coordinate_rates=45.15; 37.55; 4.80; 10.59 }}
{{#subobject: |Skill_page=Yeomanry |Skill_tree_coordinate_rates=25.98; 53.37; 3.39; 10.59 }}

Data:Test data

2025-12-28T02:54:42Z

Csatangollah: so yes, "include only" messes with queries. let me try to remove include only (however it will not resolve the issue i guess)

<noinclude>
not "included" text
</noinclude>
{{#subobject: |Size_x_rate=0 |Size_y_rate=1 }}
{{#subobject: |Size_x_rate=2 |Size_y_rate=3 }}
{{#subobject: |Size_x_rate=4 |Size_y_rate=5 }}
{{#subobject: |Size_x_rate=6 |Size_y_rate=7 }}
{{#subobject: |Size_x_rate=8 |Size_y_rate=9 }}

Data:Test data

2025-12-28T02:53:14Z

Csatangollah: adding includeonly around subobjects (while trying to query them from somewhere else)

<noinclude>
not "included" text
</noinclude>
<includeonly>
{{#subobject: |Size_x_rate=0 |Size_y_rate=1 }}
{{#subobject: |Size_x_rate=2 |Size_y_rate=3 }}
{{#subobject: |Size_x_rate=4 |Size_y_rate=5 }}
{{#subobject: |Size_x_rate=6 |Size_y_rate=7 }}
{{#subobject: |Size_x_rate=8 |Size_y_rate=9 }}
</includeonly>

Data:Test data

2025-12-28T02:51:48Z

Csatangollah: testing

Data:Test data

2025-12-28T02:50:21Z

Csatangollah: Created page with "{{#subobject: |Size_x_rate=0 |Size_y_rate=1 }} {{#subobject: |Size_x_rate=2 |Size_y_rate=3 }} {{#subobject: |Size_x_rate=4 |Size_y_rate=5 }} {{#subobject: |Size_x_rate=6 |Size_y_rate=7 }} {{#subobject: |Size_x_rate=8 |Size_y_rate=9 }}"

{{#subobject: |Size_x_rate=0 |Size_y_rate=1 }}
{{#subobject: |Size_x_rate=2 |Size_y_rate=3 }}
{{#subobject: |Size_x_rate=4 |Size_y_rate=5 }}
{{#subobject: |Size_x_rate=6 |Size_y_rate=7 }}
{{#subobject: |Size_x_rate=8 |Size_y_rate=9 }}

Data:Skill tree skill icon area registry

2025-12-28T02:43:23Z

Csatangollah: put noinclude to top, and added a suggestion to look for syntax errors (given this page is supposed to be generated using javascript)

<noinclude>
the page linking functionality of the skill tree has vanished. it happened somewhere between 2025.12.27 12:06 and 2025.12.28 01:27 (according to wiki date time) - i am trying to figure out the cause

despite it's name suggests it is not the icon's area only, but the containing rectangle's - becauuse it is possible to only get the icon's area, and then get the skill name's area according to current knowledge of google ai.

see more info about extraction here: [[Template:Skill_tree_skill_marker]]

see more info about svg file these are extracted from (including it's generation using uml code) here: File:Skill_tree_definition.png

note: if you can not see a bunch of empty rows beneath, it meens there is a syntactic error (the subobjects are not "include only" for debugging reasons)
</noinclude>
{{#subobject: |Skill_page=Alchemy |Skill_tree_coordinate_rates=31.48; 37.55; 3.07; 10.59 }}
{{#subobject: |Skill_page=Ancestral_Worship |Skill_tree_coordinate_rates=18.55; 37.55; 5.57; 10.59 }}
{{#subobject: |Skill_page=Animal_Husbandry |Skill_tree_coordinate_rates=81.03; 53.37; 5.51; 10.59 }}
{{#subobject: |Skill_page=Archery |Skill_tree_coordinate_rates=85.80; 53.37; 3.04; 10.59 }}
{{#subobject: |Skill_page=Baking |Skill_tree_coordinate_rates=34.59; 53.37; 3.04; 10.59 }}
{{#subobject: |Skill_page=Basic_Mechanics |Skill_tree_coordinate_rates=87.34; 21.73; 4.93; 10.59 }}
{{#subobject: |Skill_page=Beekeeping |Skill_tree_coordinate_rates=49.66; 53.37; 3.87; 10.59 }}
{{#subobject: |Skill_page=Boat_Building |Skill_tree_coordinate_rates=71.53; 37.55; 4.16; 10.59 }}
{{#subobject: |Skill_page=Carpentry |Skill_tree_coordinate_rates=65.83; 53.37; 3.30; 10.59 }}
{{#subobject: |Skill_page=Charcoal_Burning |Skill_tree_coordinate_rates=54.69; 53.37; 5.22; 10.59 }}
{{#subobject: |Skill_page=Cheesemaking |Skill_tree_coordinate_rates=82.09; 37.55; 4.64; 10.59 }}
{{#subobject: |Skill_page=Cooking |Skill_tree_coordinate_rates=34.59; 69.19; 3.07; 10.59 }}
{{#subobject: |Skill_page=Deep_Artifice |Skill_tree_coordinate_rates=90.51; 5.91; 4.13; 10.59 }}
{{#subobject: |Skill_page=Druidic_Rite |Skill_tree_coordinate_rates=24.98; 5.91; 3.55; 10.59 }}
{{#subobject: |Skill_page=Farming |Skill_tree_coordinate_rates=49.66; 69.19; 3.04; 10.59 }}
{{#subobject: |Skill_page=Firecrafts |Skill_tree_coordinate_rates=36.35; 85.02; 3.14; 10.59 }}
{{#subobject: |Skill_page=First_Aid |Skill_tree_coordinate_rates=35.04; 37.55; 3.04; 10.59 }}
{{#subobject: |Skill_page=Fishing |Skill_tree_coordinate_rates=71.40; 69.19; 3.07; 10.59 }}
{{#subobject: |Skill_page=Foraging |Skill_tree_coordinate_rates=56.03; 85.02; 3.04; 10.59 }}
{{#subobject: |Skill_page=Forestry |Skill_tree_coordinate_rates=42.01; 21.73; 3.04; 10.59 }}
{{#subobject: |Skill_page=Gardening |Skill_tree_coordinate_rates=42.01; 53.37; 3.39; 10.59 }}
{{#subobject: |Skill_page=Glass_Blowing |Skill_tree_coordinate_rates=30.36; 53.37; 4.42; 10.59 }}
{{#subobject: |Skill_page=Hearth_Magic |Skill_tree_coordinate_rates=21.65; 53.37; 4.26; 10.59 }}
{{#subobject: |Skill_page=Hunting |Skill_tree_coordinate_rates=83.40; 69.19; 3.04; 10.59 }}
{{#subobject: |Skill_page=Jewelry |Skill_tree_coordinate_rates=91.95; 37.55; 3.04; 10.59 }}
{{#subobject: |Skill_page=Landscaping |Skill_tree_coordinate_rates=71.94; 53.37; 3.94; 10.59 }}
{{#subobject: |Skill_page=Lawspeaking |Skill_tree_coordinate_rates=27.42; 37.55; 4.10; 10.59 }}
{{#subobject: |Skill_page=Locks_&_Bolts |Skill_tree_coordinate_rates=39.16; 37.55; 4.23; 10.59 }}
{{#subobject: |Skill_page=Lumberjacking |Skill_tree_coordinate_rates=62.44; 69.19; 4.45; 10.59 }}
{{#subobject: |Skill_page=Metal_Working |Skill_tree_coordinate_rates=93.61; 53.37; 4.55; 10.59 }}
{{#subobject: |Skill_page=Metallurgy |Skill_tree_coordinate_rates=93.68; 21.73; 3.52; 10.59 }}
{{#subobject: |Skill_page=Mining |Skill_tree_coordinate_rates=98.29; 53.37; 3.04; 10.59 }}
{{#subobject: |Skill_page=Murder |Skill_tree_coordinate_rates=5.65; 37.55; 3.07; 10.59 }}
{{#subobject: |Skill_page=Music |Skill_tree_coordinate_rates=13.75; 37.55; 3.07; 10.59 }}
{{#subobject: |Skill_page=Oral_Tradition |Skill_tree_coordinate_rates=71.43; 85.02; 4.13; 10.59 }}
{{#subobject: |Skill_page=Painting |Skill_tree_coordinate_rates=23.35; 37.55; 3.07; 10.59 }}
{{#subobject: |Skill_page=Plant_Lore |Skill_tree_coordinate_rates=38.20; 53.37; 3.23; 10.59 }}
{{#subobject: |Skill_page=Pottery |Skill_tree_coordinate_rates=38.14; 69.19; 3.04; 10.59 }}
{{#subobject: |Skill_page=Primitive_Tools |Skill_tree_coordinate_rates=60.29; 85.02; 4.48; 10.59 }}
{{#subobject: |Skill_page=Rage |Skill_tree_coordinate_rates=5.65; 53.37; 3.04; 10.59 }}
{{#subobject: |Skill_page=Rope_Twining |Skill_tree_coordinate_rates=86.92; 37.55; 4.03; 10.59 }}
{{#subobject: |Skill_page=Sausage_Making |Skill_tree_coordinate_rates=76.68; 37.55; 5.19; 10.59 }}
{{#subobject: |Skill_page=Sewing |Skill_tree_coordinate_rates=45.73; 53.37; 3.04; 10.59 }}
{{#subobject: |Skill_page=Siegecraft |Skill_tree_coordinate_rates=1.94; 21.73; 3.43; 10.59 }}
{{#subobject: |Skill_page=Silkfarming |Skill_tree_coordinate_rates=49.86; 37.55; 3.62; 10.59 }}
{{#subobject: |Skill_page=Steelmaking |Skill_tree_coordinate_rates=95.95; 37.55; 3.97; 10.59 }}
{{#subobject: |Skill_page=Stone_Working |Skill_tree_coordinate_rates=93.61; 69.19; 4.55; 10.59 }}
{{#subobject: |Skill_page=Swimming |Skill_tree_coordinate_rates=76.10; 53.37; 3.39; 10.59 }}
{{#subobject: |Skill_page=Tanning |Skill_tree_coordinate_rates=89.32; 53.37; 3.04; 10.59 }}
{{#subobject: |Skill_page=The_Will_to_Power |Skill_tree_coordinate_rates=24.66; 85.02; 5.25; 10.59 }}
{{#subobject: |Skill_page=Theft |Skill_tree_coordinate_rates=2.03; 53.37; 3.04; 10.59 }}
{{#subobject: |Skill_page=Trade |Skill_tree_coordinate_rates=10.20; 37.55; 3.07; 10.59 }}
{{#subobject: |Skill_page=Trespassing |Skill_tree_coordinate_rates=4.43; 69.19; 3.87; 10.59 }}
{{#subobject: |Skill_page=Tunneling |Skill_tree_coordinate_rates=98.26; 21.73; 3.07; 10.59 }}
{{#subobject: |Skill_page=Vandalism |Skill_tree_coordinate_rates=1.94; 37.55; 3.39; 10.59 }}
{{#subobject: |Skill_page=Wheelwrighting |Skill_tree_coordinate_rates=66.57; 37.55; 4.77; 10.59 }}
{{#subobject: |Skill_page=Wilderness_Survival |Skill_tree_coordinate_rates=65.96; 85.02; 5.86; 10.59 }}
{{#subobject: |Skill_page=Winemaking |Skill_tree_coordinate_rates=59.75; 53.37; 3.91; 10.59 }}
{{#subobject: |Skill_page=Woodsmanship |Skill_tree_coordinate_rates=45.15; 37.55; 4.80; 10.59 }}
{{#subobject: |Skill_page=Yeomanry |Skill_tree_coordinate_rates=25.98; 53.37; 3.39; 10.59 }}

Data:Skill tree skill icon area registry

2025-12-28T02:35:20Z

Csatangollah: trying to remove includeonly tag - maybe that helps (i am not sure)

{{#subobject: |Skill_page=Alchemy |Skill_tree_coordinate_rates=31.48; 37.55; 3.07; 10.59 }}
{{#subobject: |Skill_page=Ancestral_Worship |Skill_tree_coordinate_rates=18.55; 37.55; 5.57; 10.59 }}
{{#subobject: |Skill_page=Animal_Husbandry |Skill_tree_coordinate_rates=81.03; 53.37; 5.51; 10.59 }}
{{#subobject: |Skill_page=Archery |Skill_tree_coordinate_rates=85.80; 53.37; 3.04; 10.59 }}
{{#subobject: |Skill_page=Baking |Skill_tree_coordinate_rates=34.59; 53.37; 3.04; 10.59 }}
{{#subobject: |Skill_page=Basic_Mechanics |Skill_tree_coordinate_rates=87.34; 21.73; 4.93; 10.59 }}
{{#subobject: |Skill_page=Beekeeping |Skill_tree_coordinate_rates=49.66; 53.37; 3.87; 10.59 }}
{{#subobject: |Skill_page=Boat_Building |Skill_tree_coordinate_rates=71.53; 37.55; 4.16; 10.59 }}
{{#subobject: |Skill_page=Carpentry |Skill_tree_coordinate_rates=65.83; 53.37; 3.30; 10.59 }}
{{#subobject: |Skill_page=Charcoal_Burning |Skill_tree_coordinate_rates=54.69; 53.37; 5.22; 10.59 }}
{{#subobject: |Skill_page=Cheesemaking |Skill_tree_coordinate_rates=82.09; 37.55; 4.64; 10.59 }}
{{#subobject: |Skill_page=Cooking |Skill_tree_coordinate_rates=34.59; 69.19; 3.07; 10.59 }}
{{#subobject: |Skill_page=Deep_Artifice |Skill_tree_coordinate_rates=90.51; 5.91; 4.13; 10.59 }}
{{#subobject: |Skill_page=Druidic_Rite |Skill_tree_coordinate_rates=24.98; 5.91; 3.55; 10.59 }}
{{#subobject: |Skill_page=Farming |Skill_tree_coordinate_rates=49.66; 69.19; 3.04; 10.59 }}
{{#subobject: |Skill_page=Firecrafts |Skill_tree_coordinate_rates=36.35; 85.02; 3.14; 10.59 }}
{{#subobject: |Skill_page=First_Aid |Skill_tree_coordinate_rates=35.04; 37.55; 3.04; 10.59 }}
{{#subobject: |Skill_page=Fishing |Skill_tree_coordinate_rates=71.40; 69.19; 3.07; 10.59 }}
{{#subobject: |Skill_page=Foraging |Skill_tree_coordinate_rates=56.03; 85.02; 3.04; 10.59 }}
{{#subobject: |Skill_page=Forestry |Skill_tree_coordinate_rates=42.01; 21.73; 3.04; 10.59 }}
{{#subobject: |Skill_page=Gardening |Skill_tree_coordinate_rates=42.01; 53.37; 3.39; 10.59 }}
{{#subobject: |Skill_page=Glass_Blowing |Skill_tree_coordinate_rates=30.36; 53.37; 4.42; 10.59 }}
{{#subobject: |Skill_page=Hearth_Magic |Skill_tree_coordinate_rates=21.65; 53.37; 4.26; 10.59 }}
{{#subobject: |Skill_page=Hunting |Skill_tree_coordinate_rates=83.40; 69.19; 3.04; 10.59 }}
{{#subobject: |Skill_page=Jewelry |Skill_tree_coordinate_rates=91.95; 37.55; 3.04; 10.59 }}
{{#subobject: |Skill_page=Landscaping |Skill_tree_coordinate_rates=71.94; 53.37; 3.94; 10.59 }}
{{#subobject: |Skill_page=Lawspeaking |Skill_tree_coordinate_rates=27.42; 37.55; 4.10; 10.59 }}
{{#subobject: |Skill_page=Locks_&_Bolts |Skill_tree_coordinate_rates=39.16; 37.55; 4.23; 10.59 }}
{{#subobject: |Skill_page=Lumberjacking |Skill_tree_coordinate_rates=62.44; 69.19; 4.45; 10.59 }}
{{#subobject: |Skill_page=Metal_Working |Skill_tree_coordinate_rates=93.61; 53.37; 4.55; 10.59 }}
{{#subobject: |Skill_page=Metallurgy |Skill_tree_coordinate_rates=93.68; 21.73; 3.52; 10.59 }}
{{#subobject: |Skill_page=Mining |Skill_tree_coordinate_rates=98.29; 53.37; 3.04; 10.59 }}
{{#subobject: |Skill_page=Murder |Skill_tree_coordinate_rates=5.65; 37.55; 3.07; 10.59 }}
{{#subobject: |Skill_page=Music |Skill_tree_coordinate_rates=13.75; 37.55; 3.07; 10.59 }}
{{#subobject: |Skill_page=Oral_Tradition |Skill_tree_coordinate_rates=71.43; 85.02; 4.13; 10.59 }}
{{#subobject: |Skill_page=Painting |Skill_tree_coordinate_rates=23.35; 37.55; 3.07; 10.59 }}
{{#subobject: |Skill_page=Plant_Lore |Skill_tree_coordinate_rates=38.20; 53.37; 3.23; 10.59 }}
{{#subobject: |Skill_page=Pottery |Skill_tree_coordinate_rates=38.14; 69.19; 3.04; 10.59 }}
{{#subobject: |Skill_page=Primitive_Tools |Skill_tree_coordinate_rates=60.29; 85.02; 4.48; 10.59 }}
{{#subobject: |Skill_page=Rage |Skill_tree_coordinate_rates=5.65; 53.37; 3.04; 10.59 }}
{{#subobject: |Skill_page=Rope_Twining |Skill_tree_coordinate_rates=86.92; 37.55; 4.03; 10.59 }}
{{#subobject: |Skill_page=Sausage_Making |Skill_tree_coordinate_rates=76.68; 37.55; 5.19; 10.59 }}
{{#subobject: |Skill_page=Sewing |Skill_tree_coordinate_rates=45.73; 53.37; 3.04; 10.59 }}
{{#subobject: |Skill_page=Siegecraft |Skill_tree_coordinate_rates=1.94; 21.73; 3.43; 10.59 }}
{{#subobject: |Skill_page=Silkfarming |Skill_tree_coordinate_rates=49.86; 37.55; 3.62; 10.59 }}
{{#subobject: |Skill_page=Steelmaking |Skill_tree_coordinate_rates=95.95; 37.55; 3.97; 10.59 }}
{{#subobject: |Skill_page=Stone_Working |Skill_tree_coordinate_rates=93.61; 69.19; 4.55; 10.59 }}
{{#subobject: |Skill_page=Swimming |Skill_tree_coordinate_rates=76.10; 53.37; 3.39; 10.59 }}
{{#subobject: |Skill_page=Tanning |Skill_tree_coordinate_rates=89.32; 53.37; 3.04; 10.59 }}
{{#subobject: |Skill_page=The_Will_to_Power |Skill_tree_coordinate_rates=24.66; 85.02; 5.25; 10.59 }}
{{#subobject: |Skill_page=Theft |Skill_tree_coordinate_rates=2.03; 53.37; 3.04; 10.59 }}
{{#subobject: |Skill_page=Trade |Skill_tree_coordinate_rates=10.20; 37.55; 3.07; 10.59 }}
{{#subobject: |Skill_page=Trespassing |Skill_tree_coordinate_rates=4.43; 69.19; 3.87; 10.59 }}
{{#subobject: |Skill_page=Tunneling |Skill_tree_coordinate_rates=98.26; 21.73; 3.07; 10.59 }}
{{#subobject: |Skill_page=Vandalism |Skill_tree_coordinate_rates=1.94; 37.55; 3.39; 10.59 }}
{{#subobject: |Skill_page=Wheelwrighting |Skill_tree_coordinate_rates=66.57; 37.55; 4.77; 10.59 }}
{{#subobject: |Skill_page=Wilderness_Survival |Skill_tree_coordinate_rates=65.96; 85.02; 5.86; 10.59 }}
{{#subobject: |Skill_page=Winemaking |Skill_tree_coordinate_rates=59.75; 53.37; 3.91; 10.59 }}
{{#subobject: |Skill_page=Woodsmanship |Skill_tree_coordinate_rates=45.15; 37.55; 4.80; 10.59 }}
{{#subobject: |Skill_page=Yeomanry |Skill_tree_coordinate_rates=25.98; 53.37; 3.39; 10.59 }}
<noinclude>
the page linking functionality of the skill tree has vanished. it happened somewhere between 2025.12.27 12:06 and 2025.12.28 01:27 (according to wiki date time) - i am trying to figure out the cause

despite it's name suggests it is not the icon's area only, but the containing rectangle's - becauuse it is possible to only get the icon's area, and then get the skill name's area according to current knowledge of google ai.

see more info about extraction here: [[Template:Skill_tree_skill_marker]]

see more info about svg file these are extracted from (including it's generation using uml code) here: File:Skill_tree_definition.png
</noinclude>

Template:Template sandbox/ImageMapping

2025-12-28T02:20:35Z

Csatangollah: diagnosis set for the issue of vanishing markers

<includeonly>
{{MT|off}}
<div style="
position: relative
; overflow: auto
; max-width: 100%
; height: 440px
; display: block
">
[[File:Skill_tree_definition.png|none|1200px|link=]]
<div style="
position: absolute
; overflow: hidden
; top: 0
; left: 0
; width: 1200px
; height: 440px
">

{{#ask: [[-Has_subobject::Data:Skill_tree_skill_icon_area_registry]]
|?Skill_tree_coordinate_rates.Coordinate_x_rate
|?Skill_tree_coordinate_rates.Coordinate_y_rate
|?Skill_tree_coordinate_rates.Size_x_rate
|?Skill_tree_coordinate_rates.Size_y_rate
|?Skill_page
|?Skill_page.lpcost
|format=template
|template=Skill_tree_skill_marker
|limit=100
|link=none
}}

</div>
</div>
{{MT|off}}
</includeonly>
<noinclude>
==test skill tree for debugging==
the page linking functionality of the skill tree has vanished. it happened somewhere between 2025.12.27 12:06 and 2025.12.28 01:27 (according to wiki date time) - i am trying to figure out the cause

diagnosis: the subobject query does not seem to get subobjects

{{#ask: [[-Has_subobject::Data:Skill_tree_skill_icon_area_registry]]
|format=plainlist
|limit=100
|link=none
}}
{{MT|off}}
</noinclude>

Template:Template sandbox/ImageMapping

2025-12-28T02:02:52Z

Csatangollah: ading sandbox facility to skill tree template

<includeonly>
{{MT|off}}
<div style="
position: relative
; overflow: auto
; max-width: 100%
; height: 440px
; display: block
">
[[File:Skill_tree_definition.png|none|1200px|link=]]
<div style="
position: absolute
; overflow: hidden
; top: 0
; left: 0
; width: 1200px
; height: 440px
">

</div>
</div>
{{MT|off}}
</includeonly>

<noinclude>
==test skill tree for debugging==

{{MT|off}}
<div style="
position: relative
; overflow: auto
; max-width: 100%
; height: 440px
; display: block
">
[[File:Skill_tree_definition.png|none|1200px|link=]]
<div style="
position: absolute
; overflow: hidden
; top: 0
; left: 0
; width: 1200px
; height: 440px
">

{{#ask: [[-Has_subobject::Data:Skill_tree_skill_icon_area_registry]]
|?Skill_tree_coordinate_rates.Coordinate_x_rate
|?Skill_tree_coordinate_rates.Coordinate_y_rate
|?Skill_tree_coordinate_rates.Size_x_rate
|?Skill_tree_coordinate_rates.Size_y_rate
|?Skill_page
|?Skill_page.lpcost
|format=template
|template=Skill_tree_skill_marker
|limit=100
|sort=Skill_page
|order=ascending
|link=none
}}
</div>
</div>
{{MT|off}}

</noinclude>

Skills

2025-12-28T01:59:47Z

Csatangollah: moved skill tree to template

<div
class="toc-collapsible toc-collapsed"
style="
position: absolute
; display: inline-block
; background-color: white
; z-index: 101
">
__TOC__
</div>
<div style="height: 50px"></div>

=== Skill Tree ===

{{Skill_tree}}

===List of Skills===

{{#ask:[[Category:Skills|+depth=0]]
|?=skillname
|?lpcost=lpcost
|?paginae/text1=ptext1
|?paginae/text2=ptext2
|?paginae/text3=ptext3
|format=plainlist
|limit=100
|link=none
|template=skills_table{{!}}main
|introtemplate=skills_table{{!}}intro
|outrotemplate=skills_table{{!}}outro
|userparam=ptext_header_on
|sep={{!}}-
|searchlabel=
|named args=1
}}

{{Game Development}}

Template:Template sandbox/ImageMapping

2025-12-28T01:59:24Z

Csatangollah: created skill tree template for possibly including it on other pages, but mainly for debugging

{{MT|off}}
<div style="
position: relative
; overflow: auto
; max-width: 100%
; height: 440px
; display: block
">
[[File:Skill_tree_definition.png|none|1200px|link=]]
<div style="
position: absolute
; overflow: hidden
; top: 0
; left: 0
; width: 1200px
; height: 440px
">

{{#ask: [[-Has_subobject::Data:Skill_tree_skill_icon_area_registry]]
|?Skill_tree_coordinate_rates.Coordinate_x_rate
|?Skill_tree_coordinate_rates.Coordinate_y_rate
|?Skill_tree_coordinate_rates.Size_x_rate
|?Skill_tree_coordinate_rates.Size_y_rate
|?Skill_page
|?Skill_page.lpcost
|format=template
|template=Skill_tree_skill_marker
|limit=100
|sort=Skill_page
|order=ascending
|link=none
}}
</div>
</div>
{{MT|off}}

Data:Skill tree skill icon area registry

2025-12-28T01:54:45Z

Csatangollah: added that this functionality has vanished from the skill tree

<includeonly>
{{#subobject: |Skill_page=Alchemy |Skill_tree_coordinate_rates=31.48; 37.55; 3.07; 10.59 }}
{{#subobject: |Skill_page=Ancestral_Worship |Skill_tree_coordinate_rates=18.55; 37.55; 5.57; 10.59 }}
{{#subobject: |Skill_page=Animal_Husbandry |Skill_tree_coordinate_rates=81.03; 53.37; 5.51; 10.59 }}
{{#subobject: |Skill_page=Archery |Skill_tree_coordinate_rates=85.80; 53.37; 3.04; 10.59 }}
{{#subobject: |Skill_page=Baking |Skill_tree_coordinate_rates=34.59; 53.37; 3.04; 10.59 }}
{{#subobject: |Skill_page=Basic_Mechanics |Skill_tree_coordinate_rates=87.34; 21.73; 4.93; 10.59 }}
{{#subobject: |Skill_page=Beekeeping |Skill_tree_coordinate_rates=49.66; 53.37; 3.87; 10.59 }}
{{#subobject: |Skill_page=Boat_Building |Skill_tree_coordinate_rates=71.53; 37.55; 4.16; 10.59 }}
{{#subobject: |Skill_page=Carpentry |Skill_tree_coordinate_rates=65.83; 53.37; 3.30; 10.59 }}
{{#subobject: |Skill_page=Charcoal_Burning |Skill_tree_coordinate_rates=54.69; 53.37; 5.22; 10.59 }}
{{#subobject: |Skill_page=Cheesemaking |Skill_tree_coordinate_rates=82.09; 37.55; 4.64; 10.59 }}
{{#subobject: |Skill_page=Cooking |Skill_tree_coordinate_rates=34.59; 69.19; 3.07; 10.59 }}
{{#subobject: |Skill_page=Deep_Artifice |Skill_tree_coordinate_rates=90.51; 5.91; 4.13; 10.59 }}
{{#subobject: |Skill_page=Druidic_Rite |Skill_tree_coordinate_rates=24.98; 5.91; 3.55; 10.59 }}
{{#subobject: |Skill_page=Farming |Skill_tree_coordinate_rates=49.66; 69.19; 3.04; 10.59 }}
{{#subobject: |Skill_page=Firecrafts |Skill_tree_coordinate_rates=36.35; 85.02; 3.14; 10.59 }}
{{#subobject: |Skill_page=First_Aid |Skill_tree_coordinate_rates=35.04; 37.55; 3.04; 10.59 }}
{{#subobject: |Skill_page=Fishing |Skill_tree_coordinate_rates=71.40; 69.19; 3.07; 10.59 }}
{{#subobject: |Skill_page=Foraging |Skill_tree_coordinate_rates=56.03; 85.02; 3.04; 10.59 }}
{{#subobject: |Skill_page=Forestry |Skill_tree_coordinate_rates=42.01; 21.73; 3.04; 10.59 }}
{{#subobject: |Skill_page=Gardening |Skill_tree_coordinate_rates=42.01; 53.37; 3.39; 10.59 }}
{{#subobject: |Skill_page=Glass_Blowing |Skill_tree_coordinate_rates=30.36; 53.37; 4.42; 10.59 }}
{{#subobject: |Skill_page=Hearth_Magic |Skill_tree_coordinate_rates=21.65; 53.37; 4.26; 10.59 }}
{{#subobject: |Skill_page=Hunting |Skill_tree_coordinate_rates=83.40; 69.19; 3.04; 10.59 }}
{{#subobject: |Skill_page=Jewelry |Skill_tree_coordinate_rates=91.95; 37.55; 3.04; 10.59 }}
{{#subobject: |Skill_page=Landscaping |Skill_tree_coordinate_rates=71.94; 53.37; 3.94; 10.59 }}
{{#subobject: |Skill_page=Lawspeaking |Skill_tree_coordinate_rates=27.42; 37.55; 4.10; 10.59 }}
{{#subobject: |Skill_page=Locks_&_Bolts |Skill_tree_coordinate_rates=39.16; 37.55; 4.23; 10.59 }}
{{#subobject: |Skill_page=Lumberjacking |Skill_tree_coordinate_rates=62.44; 69.19; 4.45; 10.59 }}
{{#subobject: |Skill_page=Metal_Working |Skill_tree_coordinate_rates=93.61; 53.37; 4.55; 10.59 }}
{{#subobject: |Skill_page=Metallurgy |Skill_tree_coordinate_rates=93.68; 21.73; 3.52; 10.59 }}
{{#subobject: |Skill_page=Mining |Skill_tree_coordinate_rates=98.29; 53.37; 3.04; 10.59 }}
{{#subobject: |Skill_page=Murder |Skill_tree_coordinate_rates=5.65; 37.55; 3.07; 10.59 }}
{{#subobject: |Skill_page=Music |Skill_tree_coordinate_rates=13.75; 37.55; 3.07; 10.59 }}
{{#subobject: |Skill_page=Oral_Tradition |Skill_tree_coordinate_rates=71.43; 85.02; 4.13; 10.59 }}
{{#subobject: |Skill_page=Painting |Skill_tree_coordinate_rates=23.35; 37.55; 3.07; 10.59 }}
{{#subobject: |Skill_page=Plant_Lore |Skill_tree_coordinate_rates=38.20; 53.37; 3.23; 10.59 }}
{{#subobject: |Skill_page=Pottery |Skill_tree_coordinate_rates=38.14; 69.19; 3.04; 10.59 }}
{{#subobject: |Skill_page=Primitive_Tools |Skill_tree_coordinate_rates=60.29; 85.02; 4.48; 10.59 }}
{{#subobject: |Skill_page=Rage |Skill_tree_coordinate_rates=5.65; 53.37; 3.04; 10.59 }}
{{#subobject: |Skill_page=Rope_Twining |Skill_tree_coordinate_rates=86.92; 37.55; 4.03; 10.59 }}
{{#subobject: |Skill_page=Sausage_Making |Skill_tree_coordinate_rates=76.68; 37.55; 5.19; 10.59 }}
{{#subobject: |Skill_page=Sewing |Skill_tree_coordinate_rates=45.73; 53.37; 3.04; 10.59 }}
{{#subobject: |Skill_page=Siegecraft |Skill_tree_coordinate_rates=1.94; 21.73; 3.43; 10.59 }}
{{#subobject: |Skill_page=Silkfarming |Skill_tree_coordinate_rates=49.86; 37.55; 3.62; 10.59 }}
{{#subobject: |Skill_page=Steelmaking |Skill_tree_coordinate_rates=95.95; 37.55; 3.97; 10.59 }}
{{#subobject: |Skill_page=Stone_Working |Skill_tree_coordinate_rates=93.61; 69.19; 4.55; 10.59 }}
{{#subobject: |Skill_page=Swimming |Skill_tree_coordinate_rates=76.10; 53.37; 3.39; 10.59 }}
{{#subobject: |Skill_page=Tanning |Skill_tree_coordinate_rates=89.32; 53.37; 3.04; 10.59 }}
{{#subobject: |Skill_page=The_Will_to_Power |Skill_tree_coordinate_rates=24.66; 85.02; 5.25; 10.59 }}
{{#subobject: |Skill_page=Theft |Skill_tree_coordinate_rates=2.03; 53.37; 3.04; 10.59 }}
{{#subobject: |Skill_page=Trade |Skill_tree_coordinate_rates=10.20; 37.55; 3.07; 10.59 }}
{{#subobject: |Skill_page=Trespassing |Skill_tree_coordinate_rates=4.43; 69.19; 3.87; 10.59 }}
{{#subobject: |Skill_page=Tunneling |Skill_tree_coordinate_rates=98.26; 21.73; 3.07; 10.59 }}
{{#subobject: |Skill_page=Vandalism |Skill_tree_coordinate_rates=1.94; 37.55; 3.39; 10.59 }}
{{#subobject: |Skill_page=Wheelwrighting |Skill_tree_coordinate_rates=66.57; 37.55; 4.77; 10.59 }}
{{#subobject: |Skill_page=Wilderness_Survival |Skill_tree_coordinate_rates=65.96; 85.02; 5.86; 10.59 }}
{{#subobject: |Skill_page=Winemaking |Skill_tree_coordinate_rates=59.75; 53.37; 3.91; 10.59 }}
{{#subobject: |Skill_page=Woodsmanship |Skill_tree_coordinate_rates=45.15; 37.55; 4.80; 10.59 }}
{{#subobject: |Skill_page=Yeomanry |Skill_tree_coordinate_rates=25.98; 53.37; 3.39; 10.59 }}
</includeonly>

<noinclude>
the page linking functionality of the skill tree has vanished. it happened somewhere between 2025.12.27 12:06 and 2025.12.28 01:27 (according to wiki date time) - i am trying to figure out the cause

despite it's name suggests it is not the icon's area only, but the containing rectangle's - becauuse it is possible to only get the icon's area, and then get the skill name's area according to current knowledge of google ai.

see more info about extraction here: [[Template:Skill_tree_skill_marker]]

see more info about svg file these are extracted from (including it's generation using uml code) here: File:Skill_tree_definition.png
</noinclude>

Template:Skill tree skill marker

2025-12-28T01:54:00Z

Csatangollah: noticed that this functionality has vanished from the skill tree

<includeonly>
<div
style="
position: absolute
; display: flex
; justify-content: center
; align-items: center
; left: {{{2}}}%
; top: {{{3}}}%
; width: {{{4}}}%
; height: {{{5}}}%
; transform: translate(-50%, -50%)
; z-index: 10
; filter: alpha(opacity=0) !important
; -moz-opacity: 0 !important
; -khtml-opacity: 0 !important
; opacity: 0 !important
; background-color: transparent !important
; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)' !important
"title="{{{6|something}}} costs {{{7|unknown}}} learning points"
>[[{{{6}}}|o]]</div>
</includeonly>

<noinclude>
the page linking functionality of the skill tree has vanished. it happened somewhere between 2025.12.27 12:06 and 2025.12.28 01:27 (according to wiki date time) - i am trying to figure out the cause

this fills up the skill tree png's (File:Skill_tree_definition.png) ancestor div with itself for each area definition in [[Data:Skill_tree_skill_icon_area_registry]] - each one of this should be a link to the respective icon's page from the [[Skills|skills page]]

these "area" links on the png work the way that there is an "o" hidden link display that is 30px font size for each icon inside the same div the png is in (roughly)

the 30px font size is the proportional icon size: for example the original icons were set to be 76px squared, and the png was set to be 1200px wide with 3123px original width - so the pixel size of the font of a single character like "o" has to be 76px times 1200 over 3123 pixels that is approximately 29.2px - however i rounded it up

each position can be got by using the source code included in the summary of the File:Skill_tree_definition.png in an application like visual studio code with jebbs' plantuml extension (both are free), and then generate a new svg based on that source, open the svg in browser, open dev mode with f12, and then run javascript that is going to paste every single node the plantumel was containing as "rectangles" onto the user's clipboard:

example javascript used for the old uml source code:
<pre>
// 1. Get the total width and height of the SVG viewbox
const svg = document.querySelector('svg');
const totalW = svg.viewBox.baseVal.width || svg.width.baseVal.value;
const totalH = svg.viewBox.baseVal.height || svg.height.baseVal.value;

// 2. Select and sort skills
const skills = Array.from(document.querySelectorAll('g[id^="elem_"]'));
skills.sort((a, b) => a.id.localeCompare(b.id));

// 3. Map to Percentage Rates
const registryData = skills.map(skill => {
const bbox = skill.getBBox();
const alias = skill.id.replace('elem_', '');

// Calculate Percentages
const centerX = ((bbox.x + (bbox.width / 2)) / totalW) * 100;
const centerY = ((bbox.y + (bbox.height / 2)) / totalH) * 100;
const sizeX = (bbox.width / totalW) * 100;
const sizeY = (bbox.height / totalH) * 100;

return `{{#subobject: |Skill_page=${alias} |Skill_tree_coordinate_rates=${centerX.toFixed(2)}; ${centerY.toFixed(2)}; ${sizeX.toFixed(2)}; ${sizeY.toFixed(2)} }}`;
});

// 4. Copy directly to your clipboard
const finalOutput = registryData.join('\n');
copy(finalOutput);

console.log("=== SUCCESS ===");
console.log(`${registryData.length} skills converted to PERCENTAGE rates and copied to clipboard.`);
console.log(`Based on SVG Size: ${totalW}x${totalH}`);
</pre>

note that using the old uml source code as template instead of the new one to update the uml source code, and then use this javascript on the svg of it will contain the rectangle definitions with lower case letters, and include two default nodes - that all will need to be rewritten to page names by hand, and will need to be removed by hand respectively after the extraction

i have just uploaded new uml source code (it is at File:Skill_tree_definition.png) that will facilitate to upload smaller png files (wiki friendlyness), and will facilitate page name, position, and size extraction - as a new javascript (perhaps witten by ai) will be able to differentiate between stereotypes of rectangles (in order to not extract the root skill nodes), and the page names may be according to the contents of the nodes (in order to not make wiki writers rewrite extracted page names themselves among [[Data:Skill_tree_skill_icon_area_registry|these subobjects]])

i just asked google ai how to extract these infos from svg files, however the important stuff to know before extracting: every coordinate, and size must be relative percentage in format from zero to hundred (not zero to one), without percentage marks (those are placed after the extraction), and rounded to two digits (for readable code)

it is also worth mentioning that with the new source code template the aliases are no longer feasable to be extracted (it has not been, but it did not matter before) because some of the aliases may contain different letters compared to the page names for the sake of handling those in uml. for example content "locks & bolts" is under alias "locks n bolts" in the new uml source - so the content will be needed to be extracted, not the alias (the current javascript example is extracting aliases)

further more according to ai's current knowledge it is possible to extract only the images', or only the labels' positions, and sizes (beside page name) - such that for example it is possible to make the interactive skill tree have the hover-title with the lp cost for skill icons, and then the link to the skill on the skill's name near the skill icon

also: according to object oriented programming the [[Template:Skill_tree_skill_marker|skill tree skill marker template]] is meant to be "touching" the skill tree it is on, because it is the collective marker on the skill tree - so me personally am not recommending to put other data between when it comes to extension of code for example to separate skill tree skill icon, and skill tree skill name definitions (to do title-link combination on the interactive map)

currently it is also possible to possess the lp points written on the skill tree using transparent font in the uml sourcecode, and then looking for the lp text area position, and then just placing the actual ever so updated lp cost onto the skill tree from here
</noinclude>

Data:Skill tree skill icon area registry

2025-12-28T01:27:46Z

Csatangollah: Undo revision 120216 by Csatangollah (talk)

<includeonly>
{{#subobject: |Skill_page=Alchemy |Skill_tree_coordinate_rates=31.48; 37.55; 3.07; 10.59 }}
{{#subobject: |Skill_page=Ancestral_Worship |Skill_tree_coordinate_rates=18.55; 37.55; 5.57; 10.59 }}
{{#subobject: |Skill_page=Animal_Husbandry |Skill_tree_coordinate_rates=81.03; 53.37; 5.51; 10.59 }}
{{#subobject: |Skill_page=Archery |Skill_tree_coordinate_rates=85.80; 53.37; 3.04; 10.59 }}
{{#subobject: |Skill_page=Baking |Skill_tree_coordinate_rates=34.59; 53.37; 3.04; 10.59 }}
{{#subobject: |Skill_page=Basic_Mechanics |Skill_tree_coordinate_rates=87.34; 21.73; 4.93; 10.59 }}
{{#subobject: |Skill_page=Beekeeping |Skill_tree_coordinate_rates=49.66; 53.37; 3.87; 10.59 }}
{{#subobject: |Skill_page=Boat_Building |Skill_tree_coordinate_rates=71.53; 37.55; 4.16; 10.59 }}
{{#subobject: |Skill_page=Carpentry |Skill_tree_coordinate_rates=65.83; 53.37; 3.30; 10.59 }}
{{#subobject: |Skill_page=Charcoal_Burning |Skill_tree_coordinate_rates=54.69; 53.37; 5.22; 10.59 }}
{{#subobject: |Skill_page=Cheesemaking |Skill_tree_coordinate_rates=82.09; 37.55; 4.64; 10.59 }}
{{#subobject: |Skill_page=Cooking |Skill_tree_coordinate_rates=34.59; 69.19; 3.07; 10.59 }}
{{#subobject: |Skill_page=Deep_Artifice |Skill_tree_coordinate_rates=90.51; 5.91; 4.13; 10.59 }}
{{#subobject: |Skill_page=Druidic_Rite |Skill_tree_coordinate_rates=24.98; 5.91; 3.55; 10.59 }}
{{#subobject: |Skill_page=Farming |Skill_tree_coordinate_rates=49.66; 69.19; 3.04; 10.59 }}
{{#subobject: |Skill_page=Firecrafts |Skill_tree_coordinate_rates=36.35; 85.02; 3.14; 10.59 }}
{{#subobject: |Skill_page=First_Aid |Skill_tree_coordinate_rates=35.04; 37.55; 3.04; 10.59 }}
{{#subobject: |Skill_page=Fishing |Skill_tree_coordinate_rates=71.40; 69.19; 3.07; 10.59 }}
{{#subobject: |Skill_page=Foraging |Skill_tree_coordinate_rates=56.03; 85.02; 3.04; 10.59 }}
{{#subobject: |Skill_page=Forestry |Skill_tree_coordinate_rates=42.01; 21.73; 3.04; 10.59 }}
{{#subobject: |Skill_page=Gardening |Skill_tree_coordinate_rates=42.01; 53.37; 3.39; 10.59 }}
{{#subobject: |Skill_page=Glass_Blowing |Skill_tree_coordinate_rates=30.36; 53.37; 4.42; 10.59 }}
{{#subobject: |Skill_page=Hearth_Magic |Skill_tree_coordinate_rates=21.65; 53.37; 4.26; 10.59 }}
{{#subobject: |Skill_page=Hunting |Skill_tree_coordinate_rates=83.40; 69.19; 3.04; 10.59 }}
{{#subobject: |Skill_page=Jewelry |Skill_tree_coordinate_rates=91.95; 37.55; 3.04; 10.59 }}
{{#subobject: |Skill_page=Landscaping |Skill_tree_coordinate_rates=71.94; 53.37; 3.94; 10.59 }}
{{#subobject: |Skill_page=Lawspeaking |Skill_tree_coordinate_rates=27.42; 37.55; 4.10; 10.59 }}
{{#subobject: |Skill_page=Locks_&_Bolts |Skill_tree_coordinate_rates=39.16; 37.55; 4.23; 10.59 }}
{{#subobject: |Skill_page=Lumberjacking |Skill_tree_coordinate_rates=62.44; 69.19; 4.45; 10.59 }}
{{#subobject: |Skill_page=Metal_Working |Skill_tree_coordinate_rates=93.61; 53.37; 4.55; 10.59 }}
{{#subobject: |Skill_page=Metallurgy |Skill_tree_coordinate_rates=93.68; 21.73; 3.52; 10.59 }}
{{#subobject: |Skill_page=Mining |Skill_tree_coordinate_rates=98.29; 53.37; 3.04; 10.59 }}
{{#subobject: |Skill_page=Murder |Skill_tree_coordinate_rates=5.65; 37.55; 3.07; 10.59 }}
{{#subobject: |Skill_page=Music |Skill_tree_coordinate_rates=13.75; 37.55; 3.07; 10.59 }}
{{#subobject: |Skill_page=Oral_Tradition |Skill_tree_coordinate_rates=71.43; 85.02; 4.13; 10.59 }}
{{#subobject: |Skill_page=Painting |Skill_tree_coordinate_rates=23.35; 37.55; 3.07; 10.59 }}
{{#subobject: |Skill_page=Plant_Lore |Skill_tree_coordinate_rates=38.20; 53.37; 3.23; 10.59 }}
{{#subobject: |Skill_page=Pottery |Skill_tree_coordinate_rates=38.14; 69.19; 3.04; 10.59 }}
{{#subobject: |Skill_page=Primitive_Tools |Skill_tree_coordinate_rates=60.29; 85.02; 4.48; 10.59 }}
{{#subobject: |Skill_page=Rage |Skill_tree_coordinate_rates=5.65; 53.37; 3.04; 10.59 }}
{{#subobject: |Skill_page=Rope_Twining |Skill_tree_coordinate_rates=86.92; 37.55; 4.03; 10.59 }}
{{#subobject: |Skill_page=Sausage_Making |Skill_tree_coordinate_rates=76.68; 37.55; 5.19; 10.59 }}
{{#subobject: |Skill_page=Sewing |Skill_tree_coordinate_rates=45.73; 53.37; 3.04; 10.59 }}
{{#subobject: |Skill_page=Siegecraft |Skill_tree_coordinate_rates=1.94; 21.73; 3.43; 10.59 }}
{{#subobject: |Skill_page=Silkfarming |Skill_tree_coordinate_rates=49.86; 37.55; 3.62; 10.59 }}
{{#subobject: |Skill_page=Steelmaking |Skill_tree_coordinate_rates=95.95; 37.55; 3.97; 10.59 }}
{{#subobject: |Skill_page=Stone_Working |Skill_tree_coordinate_rates=93.61; 69.19; 4.55; 10.59 }}
{{#subobject: |Skill_page=Swimming |Skill_tree_coordinate_rates=76.10; 53.37; 3.39; 10.59 }}
{{#subobject: |Skill_page=Tanning |Skill_tree_coordinate_rates=89.32; 53.37; 3.04; 10.59 }}
{{#subobject: |Skill_page=The_Will_to_Power |Skill_tree_coordinate_rates=24.66; 85.02; 5.25; 10.59 }}
{{#subobject: |Skill_page=Theft |Skill_tree_coordinate_rates=2.03; 53.37; 3.04; 10.59 }}
{{#subobject: |Skill_page=Trade |Skill_tree_coordinate_rates=10.20; 37.55; 3.07; 10.59 }}
{{#subobject: |Skill_page=Trespassing |Skill_tree_coordinate_rates=4.43; 69.19; 3.87; 10.59 }}
{{#subobject: |Skill_page=Tunneling |Skill_tree_coordinate_rates=98.26; 21.73; 3.07; 10.59 }}
{{#subobject: |Skill_page=Vandalism |Skill_tree_coordinate_rates=1.94; 37.55; 3.39; 10.59 }}
{{#subobject: |Skill_page=Wheelwrighting |Skill_tree_coordinate_rates=66.57; 37.55; 4.77; 10.59 }}
{{#subobject: |Skill_page=Wilderness_Survival |Skill_tree_coordinate_rates=65.96; 85.02; 5.86; 10.59 }}
{{#subobject: |Skill_page=Winemaking |Skill_tree_coordinate_rates=59.75; 53.37; 3.91; 10.59 }}
{{#subobject: |Skill_page=Woodsmanship |Skill_tree_coordinate_rates=45.15; 37.55; 4.80; 10.59 }}
{{#subobject: |Skill_page=Yeomanry |Skill_tree_coordinate_rates=25.98; 53.37; 3.39; 10.59 }}
</includeonly>

<noinclude>
despite it's name suggests it is not the icon's area only, but the containing rectangle's - becauuse it is possible to only get the icon's area, and then get the skill name's area according to current knowledge of google ai.

see more info about extraction here: [[Template:Skill_tree_skill_marker]]

see more info about svg file these are extracted from (including it's generation using uml code) here: File:Skill_tree_definition.png
</noinclude>

Data:Skill tree skill icon area registry

2025-12-28T01:27:24Z

Csatangollah: Undo revision 120217 by Csatangollah (talk)

{{#subobject: |Skill_page=Alchemy |Skill_tree_coordinate_rates=31.48; 37.55; 3.07; 10.59 }}
{{#subobject: |Skill_page=Ancestral_Worship |Skill_tree_coordinate_rates=18.55; 37.55; 5.57; 10.59 }}
{{#subobject: |Skill_page=Animal_Husbandry |Skill_tree_coordinate_rates=81.03; 53.37; 5.51; 10.59 }}
{{#subobject: |Skill_page=Archery |Skill_tree_coordinate_rates=85.80; 53.37; 3.04; 10.59 }}
{{#subobject: |Skill_page=Baking |Skill_tree_coordinate_rates=34.59; 53.37; 3.04; 10.59 }}
{{#subobject: |Skill_page=Basic_Mechanics |Skill_tree_coordinate_rates=87.34; 21.73; 4.93; 10.59 }}
{{#subobject: |Skill_page=Beekeeping |Skill_tree_coordinate_rates=49.66; 53.37; 3.87; 10.59 }}
{{#subobject: |Skill_page=Boat_Building |Skill_tree_coordinate_rates=71.53; 37.55; 4.16; 10.59 }}
{{#subobject: |Skill_page=Carpentry |Skill_tree_coordinate_rates=65.83; 53.37; 3.30; 10.59 }}
{{#subobject: |Skill_page=Charcoal_Burning |Skill_tree_coordinate_rates=54.69; 53.37; 5.22; 10.59 }}
{{#subobject: |Skill_page=Cheesemaking |Skill_tree_coordinate_rates=82.09; 37.55; 4.64; 10.59 }}
{{#subobject: |Skill_page=Cooking |Skill_tree_coordinate_rates=34.59; 69.19; 3.07; 10.59 }}
{{#subobject: |Skill_page=Deep_Artifice |Skill_tree_coordinate_rates=90.51; 5.91; 4.13; 10.59 }}
{{#subobject: |Skill_page=Druidic_Rite |Skill_tree_coordinate_rates=24.98; 5.91; 3.55; 10.59 }}
{{#subobject: |Skill_page=Farming |Skill_tree_coordinate_rates=49.66; 69.19; 3.04; 10.59 }}
{{#subobject: |Skill_page=Firecrafts |Skill_tree_coordinate_rates=36.35; 85.02; 3.14; 10.59 }}
{{#subobject: |Skill_page=First_Aid |Skill_tree_coordinate_rates=35.04; 37.55; 3.04; 10.59 }}
{{#subobject: |Skill_page=Fishing |Skill_tree_coordinate_rates=71.40; 69.19; 3.07; 10.59 }}
{{#subobject: |Skill_page=Foraging |Skill_tree_coordinate_rates=56.03; 85.02; 3.04; 10.59 }}
{{#subobject: |Skill_page=Forestry |Skill_tree_coordinate_rates=42.01; 21.73; 3.04; 10.59 }}
{{#subobject: |Skill_page=Gardening |Skill_tree_coordinate_rates=42.01; 53.37; 3.39; 10.59 }}
{{#subobject: |Skill_page=Glass_Blowing |Skill_tree_coordinate_rates=30.36; 53.37; 4.42; 10.59 }}
{{#subobject: |Skill_page=Hearth_Magic |Skill_tree_coordinate_rates=21.65; 53.37; 4.26; 10.59 }}
{{#subobject: |Skill_page=Hunting |Skill_tree_coordinate_rates=83.40; 69.19; 3.04; 10.59 }}
{{#subobject: |Skill_page=Jewelry |Skill_tree_coordinate_rates=91.95; 37.55; 3.04; 10.59 }}
{{#subobject: |Skill_page=Landscaping |Skill_tree_coordinate_rates=71.94; 53.37; 3.94; 10.59 }}
{{#subobject: |Skill_page=Lawspeaking |Skill_tree_coordinate_rates=27.42; 37.55; 4.10; 10.59 }}
{{#subobject: |Skill_page=Locks_&_Bolts |Skill_tree_coordinate_rates=39.16; 37.55; 4.23; 10.59 }}
{{#subobject: |Skill_page=Lumberjacking |Skill_tree_coordinate_rates=62.44; 69.19; 4.45; 10.59 }}
{{#subobject: |Skill_page=Metal_Working |Skill_tree_coordinate_rates=93.61; 53.37; 4.55; 10.59 }}
{{#subobject: |Skill_page=Metallurgy |Skill_tree_coordinate_rates=93.68; 21.73; 3.52; 10.59 }}
{{#subobject: |Skill_page=Mining |Skill_tree_coordinate_rates=98.29; 53.37; 3.04; 10.59 }}
{{#subobject: |Skill_page=Murder |Skill_tree_coordinate_rates=5.65; 37.55; 3.07; 10.59 }}
{{#subobject: |Skill_page=Music |Skill_tree_coordinate_rates=13.75; 37.55; 3.07; 10.59 }}
{{#subobject: |Skill_page=Oral_Tradition |Skill_tree_coordinate_rates=71.43; 85.02; 4.13; 10.59 }}
{{#subobject: |Skill_page=Painting |Skill_tree_coordinate_rates=23.35; 37.55; 3.07; 10.59 }}
{{#subobject: |Skill_page=Plant_Lore |Skill_tree_coordinate_rates=38.20; 53.37; 3.23; 10.59 }}
{{#subobject: |Skill_page=Pottery |Skill_tree_coordinate_rates=38.14; 69.19; 3.04; 10.59 }}
{{#subobject: |Skill_page=Primitive_Tools |Skill_tree_coordinate_rates=60.29; 85.02; 4.48; 10.59 }}
{{#subobject: |Skill_page=Rage |Skill_tree_coordinate_rates=5.65; 53.37; 3.04; 10.59 }}
{{#subobject: |Skill_page=Rope_Twining |Skill_tree_coordinate_rates=86.92; 37.55; 4.03; 10.59 }}
{{#subobject: |Skill_page=Sausage_Making |Skill_tree_coordinate_rates=76.68; 37.55; 5.19; 10.59 }}
{{#subobject: |Skill_page=Sewing |Skill_tree_coordinate_rates=45.73; 53.37; 3.04; 10.59 }}
{{#subobject: |Skill_page=Siegecraft |Skill_tree_coordinate_rates=1.94; 21.73; 3.43; 10.59 }}
{{#subobject: |Skill_page=Silkfarming |Skill_tree_coordinate_rates=49.86; 37.55; 3.62; 10.59 }}
{{#subobject: |Skill_page=Steelmaking |Skill_tree_coordinate_rates=95.95; 37.55; 3.97; 10.59 }}
{{#subobject: |Skill_page=Stone_Working |Skill_tree_coordinate_rates=93.61; 69.19; 4.55; 10.59 }}
{{#subobject: |Skill_page=Swimming |Skill_tree_coordinate_rates=76.10; 53.37; 3.39; 10.59 }}
{{#subobject: |Skill_page=Tanning |Skill_tree_coordinate_rates=89.32; 53.37; 3.04; 10.59 }}
{{#subobject: |Skill_page=The_Will_to_Power |Skill_tree_coordinate_rates=24.66; 85.02; 5.25; 10.59 }}
{{#subobject: |Skill_page=Theft |Skill_tree_coordinate_rates=2.03; 53.37; 3.04; 10.59 }}
{{#subobject: |Skill_page=Trade |Skill_tree_coordinate_rates=10.20; 37.55; 3.07; 10.59 }}
{{#subobject: |Skill_page=Trespassing |Skill_tree_coordinate_rates=4.43; 69.19; 3.87; 10.59 }}
{{#subobject: |Skill_page=Tunneling |Skill_tree_coordinate_rates=98.26; 21.73; 3.07; 10.59 }}
{{#subobject: |Skill_page=Vandalism |Skill_tree_coordinate_rates=1.94; 37.55; 3.39; 10.59 }}
{{#subobject: |Skill_page=Wheelwrighting |Skill_tree_coordinate_rates=66.57; 37.55; 4.77; 10.59 }}
{{#subobject: |Skill_page=Wilderness_Survival |Skill_tree_coordinate_rates=65.96; 85.02; 5.86; 10.59 }}
{{#subobject: |Skill_page=Winemaking |Skill_tree_coordinate_rates=59.75; 53.37; 3.91; 10.59 }}
{{#subobject: |Skill_page=Woodsmanship |Skill_tree_coordinate_rates=45.15; 37.55; 4.80; 10.59 }}
{{#subobject: |Skill_page=Yeomanry |Skill_tree_coordinate_rates=25.98; 53.37; 3.39; 10.59 }}

despite it's name suggests it is not the icon's area only, but the containing rectangle's - becauuse it is possible to only get the icon's area, and then get the skill name's area according to current knowledge of google ai.

see more info about extraction here: [[Template:Skill_tree_skill_marker]]

see more info about svg file these are extracted from (including it's generation using uml code) here: File:Skill_tree_definition.png

Data:Skill tree skill icon area registry

2025-12-28T01:14:04Z

Csatangollah: let me revert to write anything else than data here

Data:Skill tree skill icon area registry

2025-12-28T01:12:53Z

Csatangollah: maybe tags freaked out skill tree (i am not sure)

{{#subobject: |Skill_page=Alchemy |Skill_tree_coordinate_rates=31.48; 37.55; 3.07; 10.59 }}
{{#subobject: |Skill_page=Ancestral_Worship |Skill_tree_coordinate_rates=18.55; 37.55; 5.57; 10.59 }}
{{#subobject: |Skill_page=Animal_Husbandry |Skill_tree_coordinate_rates=81.03; 53.37; 5.51; 10.59 }}
{{#subobject: |Skill_page=Archery |Skill_tree_coordinate_rates=85.80; 53.37; 3.04; 10.59 }}
{{#subobject: |Skill_page=Baking |Skill_tree_coordinate_rates=34.59; 53.37; 3.04; 10.59 }}
{{#subobject: |Skill_page=Basic_Mechanics |Skill_tree_coordinate_rates=87.34; 21.73; 4.93; 10.59 }}
{{#subobject: |Skill_page=Beekeeping |Skill_tree_coordinate_rates=49.66; 53.37; 3.87; 10.59 }}
{{#subobject: |Skill_page=Boat_Building |Skill_tree_coordinate_rates=71.53; 37.55; 4.16; 10.59 }}
{{#subobject: |Skill_page=Carpentry |Skill_tree_coordinate_rates=65.83; 53.37; 3.30; 10.59 }}
{{#subobject: |Skill_page=Charcoal_Burning |Skill_tree_coordinate_rates=54.69; 53.37; 5.22; 10.59 }}
{{#subobject: |Skill_page=Cheesemaking |Skill_tree_coordinate_rates=82.09; 37.55; 4.64; 10.59 }}
{{#subobject: |Skill_page=Cooking |Skill_tree_coordinate_rates=34.59; 69.19; 3.07; 10.59 }}
{{#subobject: |Skill_page=Deep_Artifice |Skill_tree_coordinate_rates=90.51; 5.91; 4.13; 10.59 }}
{{#subobject: |Skill_page=Druidic_Rite |Skill_tree_coordinate_rates=24.98; 5.91; 3.55; 10.59 }}
{{#subobject: |Skill_page=Farming |Skill_tree_coordinate_rates=49.66; 69.19; 3.04; 10.59 }}
{{#subobject: |Skill_page=Firecrafts |Skill_tree_coordinate_rates=36.35; 85.02; 3.14; 10.59 }}
{{#subobject: |Skill_page=First_Aid |Skill_tree_coordinate_rates=35.04; 37.55; 3.04; 10.59 }}
{{#subobject: |Skill_page=Fishing |Skill_tree_coordinate_rates=71.40; 69.19; 3.07; 10.59 }}
{{#subobject: |Skill_page=Foraging |Skill_tree_coordinate_rates=56.03; 85.02; 3.04; 10.59 }}
{{#subobject: |Skill_page=Forestry |Skill_tree_coordinate_rates=42.01; 21.73; 3.04; 10.59 }}
{{#subobject: |Skill_page=Gardening |Skill_tree_coordinate_rates=42.01; 53.37; 3.39; 10.59 }}
{{#subobject: |Skill_page=Glass_Blowing |Skill_tree_coordinate_rates=30.36; 53.37; 4.42; 10.59 }}
{{#subobject: |Skill_page=Hearth_Magic |Skill_tree_coordinate_rates=21.65; 53.37; 4.26; 10.59 }}
{{#subobject: |Skill_page=Hunting |Skill_tree_coordinate_rates=83.40; 69.19; 3.04; 10.59 }}
{{#subobject: |Skill_page=Jewelry |Skill_tree_coordinate_rates=91.95; 37.55; 3.04; 10.59 }}
{{#subobject: |Skill_page=Landscaping |Skill_tree_coordinate_rates=71.94; 53.37; 3.94; 10.59 }}
{{#subobject: |Skill_page=Lawspeaking |Skill_tree_coordinate_rates=27.42; 37.55; 4.10; 10.59 }}
{{#subobject: |Skill_page=Locks_&_Bolts |Skill_tree_coordinate_rates=39.16; 37.55; 4.23; 10.59 }}
{{#subobject: |Skill_page=Lumberjacking |Skill_tree_coordinate_rates=62.44; 69.19; 4.45; 10.59 }}
{{#subobject: |Skill_page=Metal_Working |Skill_tree_coordinate_rates=93.61; 53.37; 4.55; 10.59 }}
{{#subobject: |Skill_page=Metallurgy |Skill_tree_coordinate_rates=93.68; 21.73; 3.52; 10.59 }}
{{#subobject: |Skill_page=Mining |Skill_tree_coordinate_rates=98.29; 53.37; 3.04; 10.59 }}
{{#subobject: |Skill_page=Murder |Skill_tree_coordinate_rates=5.65; 37.55; 3.07; 10.59 }}
{{#subobject: |Skill_page=Music |Skill_tree_coordinate_rates=13.75; 37.55; 3.07; 10.59 }}
{{#subobject: |Skill_page=Oral_Tradition |Skill_tree_coordinate_rates=71.43; 85.02; 4.13; 10.59 }}
{{#subobject: |Skill_page=Painting |Skill_tree_coordinate_rates=23.35; 37.55; 3.07; 10.59 }}
{{#subobject: |Skill_page=Plant_Lore |Skill_tree_coordinate_rates=38.20; 53.37; 3.23; 10.59 }}
{{#subobject: |Skill_page=Pottery |Skill_tree_coordinate_rates=38.14; 69.19; 3.04; 10.59 }}
{{#subobject: |Skill_page=Primitive_Tools |Skill_tree_coordinate_rates=60.29; 85.02; 4.48; 10.59 }}
{{#subobject: |Skill_page=Rage |Skill_tree_coordinate_rates=5.65; 53.37; 3.04; 10.59 }}
{{#subobject: |Skill_page=Rope_Twining |Skill_tree_coordinate_rates=86.92; 37.55; 4.03; 10.59 }}
{{#subobject: |Skill_page=Sausage_Making |Skill_tree_coordinate_rates=76.68; 37.55; 5.19; 10.59 }}
{{#subobject: |Skill_page=Sewing |Skill_tree_coordinate_rates=45.73; 53.37; 3.04; 10.59 }}
{{#subobject: |Skill_page=Siegecraft |Skill_tree_coordinate_rates=1.94; 21.73; 3.43; 10.59 }}
{{#subobject: |Skill_page=Silkfarming |Skill_tree_coordinate_rates=49.86; 37.55; 3.62; 10.59 }}
{{#subobject: |Skill_page=Steelmaking |Skill_tree_coordinate_rates=95.95; 37.55; 3.97; 10.59 }}
{{#subobject: |Skill_page=Stone_Working |Skill_tree_coordinate_rates=93.61; 69.19; 4.55; 10.59 }}
{{#subobject: |Skill_page=Swimming |Skill_tree_coordinate_rates=76.10; 53.37; 3.39; 10.59 }}
{{#subobject: |Skill_page=Tanning |Skill_tree_coordinate_rates=89.32; 53.37; 3.04; 10.59 }}
{{#subobject: |Skill_page=The_Will_to_Power |Skill_tree_coordinate_rates=24.66; 85.02; 5.25; 10.59 }}
{{#subobject: |Skill_page=Theft |Skill_tree_coordinate_rates=2.03; 53.37; 3.04; 10.59 }}
{{#subobject: |Skill_page=Trade |Skill_tree_coordinate_rates=10.20; 37.55; 3.07; 10.59 }}
{{#subobject: |Skill_page=Trespassing |Skill_tree_coordinate_rates=4.43; 69.19; 3.87; 10.59 }}
{{#subobject: |Skill_page=Tunneling |Skill_tree_coordinate_rates=98.26; 21.73; 3.07; 10.59 }}
{{#subobject: |Skill_page=Vandalism |Skill_tree_coordinate_rates=1.94; 37.55; 3.39; 10.59 }}
{{#subobject: |Skill_page=Wheelwrighting |Skill_tree_coordinate_rates=66.57; 37.55; 4.77; 10.59 }}
{{#subobject: |Skill_page=Wilderness_Survival |Skill_tree_coordinate_rates=65.96; 85.02; 5.86; 10.59 }}
{{#subobject: |Skill_page=Winemaking |Skill_tree_coordinate_rates=59.75; 53.37; 3.91; 10.59 }}
{{#subobject: |Skill_page=Woodsmanship |Skill_tree_coordinate_rates=45.15; 37.55; 4.80; 10.59 }}
{{#subobject: |Skill_page=Yeomanry |Skill_tree_coordinate_rates=25.98; 53.37; 3.39; 10.59 }}

despite it's name suggests it is not the icon's area only, but the containing rectangle's - becauuse it is possible to only get the icon's area, and then get the skill name's area according to current knowledge of google ai.

see more info about extraction here: [[Template:Skill_tree_skill_marker]]

see more info about svg file these are extracted from (including it's generation using uml code) here: File:Skill_tree_definition.png

Data:Skill tree skill icon area registry

2025-12-28T01:09:13Z

Csatangollah: added documentation here too

<includeonly>
{{#subobject: |Skill_page=Alchemy |Skill_tree_coordinate_rates=31.48; 37.55; 3.07; 10.59 }}
{{#subobject: |Skill_page=Ancestral_Worship |Skill_tree_coordinate_rates=18.55; 37.55; 5.57; 10.59 }}
{{#subobject: |Skill_page=Animal_Husbandry |Skill_tree_coordinate_rates=81.03; 53.37; 5.51; 10.59 }}
{{#subobject: |Skill_page=Archery |Skill_tree_coordinate_rates=85.80; 53.37; 3.04; 10.59 }}
{{#subobject: |Skill_page=Baking |Skill_tree_coordinate_rates=34.59; 53.37; 3.04; 10.59 }}
{{#subobject: |Skill_page=Basic_Mechanics |Skill_tree_coordinate_rates=87.34; 21.73; 4.93; 10.59 }}
{{#subobject: |Skill_page=Beekeeping |Skill_tree_coordinate_rates=49.66; 53.37; 3.87; 10.59 }}
{{#subobject: |Skill_page=Boat_Building |Skill_tree_coordinate_rates=71.53; 37.55; 4.16; 10.59 }}
{{#subobject: |Skill_page=Carpentry |Skill_tree_coordinate_rates=65.83; 53.37; 3.30; 10.59 }}
{{#subobject: |Skill_page=Charcoal_Burning |Skill_tree_coordinate_rates=54.69; 53.37; 5.22; 10.59 }}
{{#subobject: |Skill_page=Cheesemaking |Skill_tree_coordinate_rates=82.09; 37.55; 4.64; 10.59 }}
{{#subobject: |Skill_page=Cooking |Skill_tree_coordinate_rates=34.59; 69.19; 3.07; 10.59 }}
{{#subobject: |Skill_page=Deep_Artifice |Skill_tree_coordinate_rates=90.51; 5.91; 4.13; 10.59 }}
{{#subobject: |Skill_page=Druidic_Rite |Skill_tree_coordinate_rates=24.98; 5.91; 3.55; 10.59 }}
{{#subobject: |Skill_page=Farming |Skill_tree_coordinate_rates=49.66; 69.19; 3.04; 10.59 }}
{{#subobject: |Skill_page=Firecrafts |Skill_tree_coordinate_rates=36.35; 85.02; 3.14; 10.59 }}
{{#subobject: |Skill_page=First_Aid |Skill_tree_coordinate_rates=35.04; 37.55; 3.04; 10.59 }}
{{#subobject: |Skill_page=Fishing |Skill_tree_coordinate_rates=71.40; 69.19; 3.07; 10.59 }}
{{#subobject: |Skill_page=Foraging |Skill_tree_coordinate_rates=56.03; 85.02; 3.04; 10.59 }}
{{#subobject: |Skill_page=Forestry |Skill_tree_coordinate_rates=42.01; 21.73; 3.04; 10.59 }}
{{#subobject: |Skill_page=Gardening |Skill_tree_coordinate_rates=42.01; 53.37; 3.39; 10.59 }}
{{#subobject: |Skill_page=Glass_Blowing |Skill_tree_coordinate_rates=30.36; 53.37; 4.42; 10.59 }}
{{#subobject: |Skill_page=Hearth_Magic |Skill_tree_coordinate_rates=21.65; 53.37; 4.26; 10.59 }}
{{#subobject: |Skill_page=Hunting |Skill_tree_coordinate_rates=83.40; 69.19; 3.04; 10.59 }}
{{#subobject: |Skill_page=Jewelry |Skill_tree_coordinate_rates=91.95; 37.55; 3.04; 10.59 }}
{{#subobject: |Skill_page=Landscaping |Skill_tree_coordinate_rates=71.94; 53.37; 3.94; 10.59 }}
{{#subobject: |Skill_page=Lawspeaking |Skill_tree_coordinate_rates=27.42; 37.55; 4.10; 10.59 }}
{{#subobject: |Skill_page=Locks_&_Bolts |Skill_tree_coordinate_rates=39.16; 37.55; 4.23; 10.59 }}
{{#subobject: |Skill_page=Lumberjacking |Skill_tree_coordinate_rates=62.44; 69.19; 4.45; 10.59 }}
{{#subobject: |Skill_page=Metal_Working |Skill_tree_coordinate_rates=93.61; 53.37; 4.55; 10.59 }}
{{#subobject: |Skill_page=Metallurgy |Skill_tree_coordinate_rates=93.68; 21.73; 3.52; 10.59 }}
{{#subobject: |Skill_page=Mining |Skill_tree_coordinate_rates=98.29; 53.37; 3.04; 10.59 }}
{{#subobject: |Skill_page=Murder |Skill_tree_coordinate_rates=5.65; 37.55; 3.07; 10.59 }}
{{#subobject: |Skill_page=Music |Skill_tree_coordinate_rates=13.75; 37.55; 3.07; 10.59 }}
{{#subobject: |Skill_page=Oral_Tradition |Skill_tree_coordinate_rates=71.43; 85.02; 4.13; 10.59 }}
{{#subobject: |Skill_page=Painting |Skill_tree_coordinate_rates=23.35; 37.55; 3.07; 10.59 }}
{{#subobject: |Skill_page=Plant_Lore |Skill_tree_coordinate_rates=38.20; 53.37; 3.23; 10.59 }}
{{#subobject: |Skill_page=Pottery |Skill_tree_coordinate_rates=38.14; 69.19; 3.04; 10.59 }}
{{#subobject: |Skill_page=Primitive_Tools |Skill_tree_coordinate_rates=60.29; 85.02; 4.48; 10.59 }}
{{#subobject: |Skill_page=Rage |Skill_tree_coordinate_rates=5.65; 53.37; 3.04; 10.59 }}
{{#subobject: |Skill_page=Rope_Twining |Skill_tree_coordinate_rates=86.92; 37.55; 4.03; 10.59 }}
{{#subobject: |Skill_page=Sausage_Making |Skill_tree_coordinate_rates=76.68; 37.55; 5.19; 10.59 }}
{{#subobject: |Skill_page=Sewing |Skill_tree_coordinate_rates=45.73; 53.37; 3.04; 10.59 }}
{{#subobject: |Skill_page=Siegecraft |Skill_tree_coordinate_rates=1.94; 21.73; 3.43; 10.59 }}
{{#subobject: |Skill_page=Silkfarming |Skill_tree_coordinate_rates=49.86; 37.55; 3.62; 10.59 }}
{{#subobject: |Skill_page=Steelmaking |Skill_tree_coordinate_rates=95.95; 37.55; 3.97; 10.59 }}
{{#subobject: |Skill_page=Stone_Working |Skill_tree_coordinate_rates=93.61; 69.19; 4.55; 10.59 }}
{{#subobject: |Skill_page=Swimming |Skill_tree_coordinate_rates=76.10; 53.37; 3.39; 10.59 }}
{{#subobject: |Skill_page=Tanning |Skill_tree_coordinate_rates=89.32; 53.37; 3.04; 10.59 }}
{{#subobject: |Skill_page=The_Will_to_Power |Skill_tree_coordinate_rates=24.66; 85.02; 5.25; 10.59 }}
{{#subobject: |Skill_page=Theft |Skill_tree_coordinate_rates=2.03; 53.37; 3.04; 10.59 }}
{{#subobject: |Skill_page=Trade |Skill_tree_coordinate_rates=10.20; 37.55; 3.07; 10.59 }}
{{#subobject: |Skill_page=Trespassing |Skill_tree_coordinate_rates=4.43; 69.19; 3.87; 10.59 }}
{{#subobject: |Skill_page=Tunneling |Skill_tree_coordinate_rates=98.26; 21.73; 3.07; 10.59 }}
{{#subobject: |Skill_page=Vandalism |Skill_tree_coordinate_rates=1.94; 37.55; 3.39; 10.59 }}
{{#subobject: |Skill_page=Wheelwrighting |Skill_tree_coordinate_rates=66.57; 37.55; 4.77; 10.59 }}
{{#subobject: |Skill_page=Wilderness_Survival |Skill_tree_coordinate_rates=65.96; 85.02; 5.86; 10.59 }}
{{#subobject: |Skill_page=Winemaking |Skill_tree_coordinate_rates=59.75; 53.37; 3.91; 10.59 }}
{{#subobject: |Skill_page=Woodsmanship |Skill_tree_coordinate_rates=45.15; 37.55; 4.80; 10.59 }}
{{#subobject: |Skill_page=Yeomanry |Skill_tree_coordinate_rates=25.98; 53.37; 3.39; 10.59 }}
</includeonly>

<noinclude>
despite it's name suggests it is not the icon's area only, but the containing rectangle's - becauuse it is possible to only get the icon's area, and then get the skill name's area according to current knowledge of google ai.

see more info about extraction here: [[Template:Skill_tree_skill_marker]]

see more info about svg file these are extracted from (including it's generation using uml code) here: File:Skill_tree_definition.png
</noinclude>

Template:Skill tree skill marker

2025-12-28T00:34:51Z

Csatangollah: added further info on how does it work

Template:Skill tree skill marker

2025-12-28T00:25:28Z

Csatangollah: clarification

Template:Skill tree skill marker

2025-12-28T00:23:31Z

Csatangollah: clarifying where have i uploaded uml source code

<includeonly>
<div
style="
position: absolute
; display: flex
; justify-content: center
; align-items: center
; left: {{{2}}}%
; top: {{{3}}}%
; width: {{{4}}}%
; height: {{{5}}}%
; transform: translate(-50%, -50%)
; z-index: 10
; filter: alpha(opacity=0) !important
; -moz-opacity: 0 !important
; -khtml-opacity: 0 !important
; opacity: 0 !important
; background-color: transparent !important
; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)' !important
"title="{{{6|something}}} costs {{{7|unknown}}} learning points"
>[[{{{6}}}|o]]</div>
</includeonly>

<noinclude>
this fills up the skill tree png's (File:Skill_tree_definition.png) ancestor div with itself for each area definition in [[Data:Skill_tree_skill_icon_area_registry]] - each one of this should be a link to the respective icon's page from the [[Skills|skills page]]

these "area" links on the png work the way that there is an "o" hidden link display that is 30px font size for each icon inside the same div the png is in (roughly)

the 30px font size is the proportional icon size: for example the original icons were set to be 76px squared, and the png was set to be 1200px wide with 3123px original width - so the pixel size of the font of a single character like "o" has to be 76px times 1200 over 3123 pixels that is approximately 29.2px - however i rounded it up

each position can be got by using the source code included in the summary of the File:Skill_tree_definition.png in an application like visual studio code with jebbs' plantuml extension (both are free), and then generate a new svg based on that source, open the svg in browser, open dev mode with f12, and then run javascript that is going to paste every single node the plantumel was containing as "rectangles" onto the user's clipboard:

example javascript used for the old uml source code:
<pre>
// 1. Get the total width and height of the SVG viewbox
const svg = document.querySelector('svg');
const totalW = svg.viewBox.baseVal.width || svg.width.baseVal.value;
const totalH = svg.viewBox.baseVal.height || svg.height.baseVal.value;

// 2. Select and sort skills
const skills = Array.from(document.querySelectorAll('g[id^="elem_"]'));
skills.sort((a, b) => a.id.localeCompare(b.id));

// 3. Map to Percentage Rates
const registryData = skills.map(skill => {
const bbox = skill.getBBox();
const alias = skill.id.replace('elem_', '');

// Calculate Percentages
const centerX = ((bbox.x + (bbox.width / 2)) / totalW) * 100;
const centerY = ((bbox.y + (bbox.height / 2)) / totalH) * 100;
const sizeX = (bbox.width / totalW) * 100;
const sizeY = (bbox.height / totalH) * 100;

return `{{#subobject: |Skill_page=${alias} |Skill_tree_coordinate_rates=${centerX.toFixed(2)}; ${centerY.toFixed(2)}; ${sizeX.toFixed(2)}; ${sizeY.toFixed(2)} }}`;
});

// 4. Copy directly to your clipboard
const finalOutput = registryData.join('\n');
copy(finalOutput);

console.log("=== SUCCESS ===");
console.log(`${registryData.length} skills converted to PERCENTAGE rates and copied to clipboard.`);
console.log(`Based on SVG Size: ${totalW}x${totalH}`);
</pre>

note that using the old uml source code as template instead of the new one to update the uml source code, and then use this javascript on the svg of it will contain the rectangle definitions with lower case letters, and include two default nodes - that all will need to be rewritten to page names by hand, and will need to be removed by hand respectively after the extraction

i have just uploaded new uml source code (it is at File:Skill_tree_definition.png) that will facilitate to upload smaller png files (wiki friendlyness), and will facilitate page name, position, and size extraction - as a new javascript (perhaps witten by ai) will be able to differentiate between stereotypes of rectangles (in order to not extract the root skill nodes), and the page names may be according to the contents of the nodes (in order to not make wiki writers rewrite extracted page names themselves among [[Data:Skill_tree_skill_icon_area_registry|these subobjects]])

i just asked google ai how to extract these infos from svg files, however the important stuff to know before extracting: every coordinate, and size must be relative percentage in format from zero to hundred (not zero to one), without percentage marks (those are placed after), and rounded to two digits (for readable code)

it is also worth mentioning that with the new source code template the aliases are no longer feasable to be extracted (it has not been, but it did not matter before) because some of the aliases may contain different letters compared to the page names for the sake of handling those in uml. for example content "locks & bolts" is under alias "locks n bolts" in the new uml source - so the content will be needed to be extracted, not the alias (the current javascript example is extracting aliases)
</noinclude>

Template:Skill tree skill marker

2025-12-28T00:22:37Z

Csatangollah: the new uml source code also facilitates page name extraction

<includeonly>
<div
style="
position: absolute
; display: flex
; justify-content: center
; align-items: center
; left: {{{2}}}%
; top: {{{3}}}%
; width: {{{4}}}%
; height: {{{5}}}%
; transform: translate(-50%, -50%)
; z-index: 10
; filter: alpha(opacity=0) !important
; -moz-opacity: 0 !important
; -khtml-opacity: 0 !important
; opacity: 0 !important
; background-color: transparent !important
; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)' !important
"title="{{{6|something}}} costs {{{7|unknown}}} learning points"
>[[{{{6}}}|o]]</div>
</includeonly>

<noinclude>
this fills up the skill tree png's (File:Skill_tree_definition.png) ancestor div with itself for each area definition in [[Data:Skill_tree_skill_icon_area_registry]] - each one of this should be a link to the respective icon's page from the [[Skills|skills page]]

these "area" links on the png work the way that there is an "o" hidden link display that is 30px font size for each icon inside the same div the png is in (roughly)

the 30px font size is the proportional icon size: for example the original icons were set to be 76px squared, and the png was set to be 1200px wide with 3123px original width - so the pixel size of the font of a single character like "o" has to be 76px times 1200 over 3123 pixels that is approximately 29.2px - however i rounded it up

each position can be got by using the source code included in the summary of the File:Skill_tree_definition.png in an application like visual studio code with jebbs' plantuml extension (both are free), and then generate a new svg based on that source, open the svg in browser, open dev mode with f12, and then run javascript that is going to paste every single node the plantumel was containing as "rectangles" onto the user's clipboard:

example javascript used for the old uml source code:
<pre>
// 1. Get the total width and height of the SVG viewbox
const svg = document.querySelector('svg');
const totalW = svg.viewBox.baseVal.width || svg.width.baseVal.value;
const totalH = svg.viewBox.baseVal.height || svg.height.baseVal.value;

// 2. Select and sort skills
const skills = Array.from(document.querySelectorAll('g[id^="elem_"]'));
skills.sort((a, b) => a.id.localeCompare(b.id));

// 3. Map to Percentage Rates
const registryData = skills.map(skill => {
const bbox = skill.getBBox();
const alias = skill.id.replace('elem_', '');

// Calculate Percentages
const centerX = ((bbox.x + (bbox.width / 2)) / totalW) * 100;
const centerY = ((bbox.y + (bbox.height / 2)) / totalH) * 100;
const sizeX = (bbox.width / totalW) * 100;
const sizeY = (bbox.height / totalH) * 100;

return `{{#subobject: |Skill_page=${alias} |Skill_tree_coordinate_rates=${centerX.toFixed(2)}; ${centerY.toFixed(2)}; ${sizeX.toFixed(2)}; ${sizeY.toFixed(2)} }}`;
});

// 4. Copy directly to your clipboard
const finalOutput = registryData.join('\n');
copy(finalOutput);

console.log("=== SUCCESS ===");
console.log(`${registryData.length} skills converted to PERCENTAGE rates and copied to clipboard.`);
console.log(`Based on SVG Size: ${totalW}x${totalH}`);
</pre>

note that using the old uml source code as template instead of the new one to update the uml source code, and then use this javascript on the svg of it will contain the rectangle definitions with lower case letters, and include two default nodes - that all will need to be rewritten to page names by hand, and will need to be removed by hand respectively after the extraction

i have just uploaded new uml source code that will facilitate to upload smaller png files (wiki friendlyness), and will facilitate page name, position, and size extraction - as a new javascript (perhaps witten by ai) will be able to differentiate between stereotypes of rectangles (in order to not extract the root skill nodes), and the page names may be according to the contents of the nodes (in order to not make wiki writers rewrite extracted page names themselves among [[Data:Skill_tree_skill_icon_area_registry|these subobjects]])

i just asked google ai how to extract these infos from svg files, however the important stuff to know before extracting: every coordinate, and size must be relative percentage in format from zero to hundred (not zero to one), without percentage marks (those are placed after), and rounded to two digits (for readable code)

it is also worth mentioning that with the new source code template the aliases are no longer feasable to be extracted (it has not been, but it did not matter before) because some of the aliases may contain different letters compared to the page names for the sake of handling those in uml. for example content "locks & bolts" is under alias "locks n bolts" in the new uml source - so the content will be needed to be extracted, not the alias (the current javascript example is extracting aliases)
</noinclude>

File:Skill tree definition.png

2025-12-28T00:19:03Z

Csatangollah: /* UML Code */ adding link to extraction example

== Summary ==
2025.12.26 skill tree update

==UML Code==
Uml code is used to generate the look of the skill tree, and the links present on it in the wiki are smw (semantic media wiki) code that are generated based on pixel coordinate rates, and size rates extracted from the diagram using javascript in a browser in dev mode (i just asked google ai how to do it, and it told me, read more info about extraction here: [[Template:Skill_tree_skill_marker]]).

On this page below there are two uml codes. The first one is the currently used uml code, the second one is a newer one that is not used. Eventhough it is not the currently used code, it is intended to be a better template for an updated version of the skill tree for the case let us say new skills are added

In the currently used code there are numerous mistakes such as:
<ul>
<li>The image width is not scaled down to a more wiki friendly size</li>
<li>Basic Mechanics is lacking "s" from its end</li>
<li>When a java script is used on the svg form of it to extract everything either based on aliases, or based on tag content both are lowercase which will not match page names on the wiki, therefore the "subobjects" of [[Data:Skill_tree_skill_icon_area_registry]] will have to be rewritten by hand in order to update it even with it being extracted</li>
<li>During extraction the default nodes like "available to purchase from game start", and "the player possesses it by default" is difficult to avoid, such that these two may have to be removed from the "subobjects" by hand after the extraction</li>
<li>Possibly other mistakes i did not notice, or forgot to say</li>
</ul>

One disadvantage with the new code is that it might contain other yet to be known typoes, and other issues usage time may tell

See more info about uml here:[//en.wikipedia.org/wiki/Unified_Modeling_Language Unified_Modeling_Language]

===Currently used uml source code===
<pre>
@startuml skill_tree_definition
'made with plantuml extension in visual studio code

'appearance definitions
top to bottom direction
skinparam backgroundColor transparent
skinparam nodesep 15
'skinparam ranksep 30
skinparam padding 0
skinparam margin 0
skinparam DefaultFontStyle bold
skinparam defaultTextAlignment center
skinparam rectangle {
BackgroundColor transparent
BorderColor transparent
Shadowing false
}
skinparam ColorArrowSeparationSpace 5
skinparam arrowThickness 5
skinparam ArrowColor rosybrown

'node definitions
'the icons for the nodes are downloaded from the wiki
'template: rectangle "\n<img:../../pictures/skills/.png>" as
'"../../" stands for "up, up" from folders "diagrams/skills/"
'use shift + alt down to copy selected row down
'use alt + up, or down to move selected row into alphabetic position (if you will)
rectangle "the player is starting with these" as by_default
rectangle "available to purchase from the start of the game" as game_start
'definitions with scaled icons: all the "95px..." ones - these are 76/95 = 0.8
rectangle "charcoal burning\n<img:../../pictures/skills/95px-Charcoal_Burning.png{scale=0.8}>" as charcoal_burning
rectangle "cheesemaking\n<img:../../pictures/skills/95px-Cheesemaking.png{scale=0.8}>" as cheesemaking
rectangle "cooking\n<img:../../pictures/skills/95px-Cooking.png{scale=0.8}>" as cooking
rectangle "firecrafts\n<img:../../pictures/skills/95px-Firecrafts.png{scale=0.8}>" as firecrafts
rectangle "landscaping\n<img:../../pictures/skills/95px-Landscaping.png{scale=0.8}>" as landscaping
rectangle "music\n<img:../../pictures/skills/95px-Music.png{scale=0.8}>" as music
'unchanged definitions 76*76px, and 75*76px
rectangle "alchemy\n<img:../../pictures/skills/Alchemy.png>" as alchemy
rectangle "ancestral worship\n<img:../../pictures/skills/Ancestral_Worship.png>" as ancestral_worship
rectangle "animal husbandry\n<img:../../pictures/skills/Animal_Husbandry.png>" as animal_husbandry
rectangle "archery\n<img:../../pictures/skills/Archery.png>" as archery
rectangle "baking\n<img:../../pictures/skills/Baking.png>" as baking
rectangle "basic mechanic\n<img:../../pictures/skills/Basic_Mechanics.png>" as basic_mechanic
rectangle "beekeeping\n<img:../../pictures/skills/Beekeeping.png>" as beekeeping
rectangle "boat building\n<img:../../pictures/skills/Boat_Building.png>" as boat_building
rectangle "carpentry\n<img:../../pictures/skills/Carpentry.png>" as carpentry
rectangle "deep artifice\n<img:../../pictures/skills/Deep_Artifice.png>" as deep_artifice
rectangle "druidic rite\n<img:../../pictures/skills/Druidic_Rite.png>" as druidic_rite
rectangle "farming\n<img:../../pictures/skills/Farming.png>" as farming
rectangle "first aid\n<img:../../pictures/skills/First_Aid.png>" as first_aid
rectangle "fishing\n<img:../../pictures/skills/Fishing.png>" as fishing
rectangle "foraging\n<img:../../pictures/skills/Foraging.png>" as foraging
rectangle "forestry\n<img:../../pictures/skills/Forestry.png>" as forestry
rectangle "gardening\n<img:../../pictures/skills/Gardening.png>" as gardening
rectangle "glass blowing\n<img:../../pictures/skills/Glass_Blowing.png>" as glass_blowing
rectangle "hearth magic\n<img:../../pictures/skills/Hearth_Magic.png>" as hearth_magic
rectangle "hunting\n<img:../../pictures/skills/Hunting.png>" as hunting
rectangle "jewelry\n<img:../../pictures/skills/Jewelry.png>" as jewelry
rectangle "lawspeaking\n<img:../../pictures/skills/Lawspeaking.png>" as lawspeaking
rectangle "locks & bolts\n<img:../../pictures/skills/Locks_&_Bolts.png>" as locks_n_bolts
rectangle "lumberjacking\n<img:../../pictures/skills/Lumberjacking.png>" as lumberjacking
rectangle "metal working\n<img:../../pictures/skills/Metal_Working.png>" as metal_working
rectangle "metallurgy\n<img:../../pictures/skills/Metallurgy.png>" as metallurgy
rectangle "mining\n<img:../../pictures/skills/Mining.png>" as mining
rectangle "murder\n<img:../../pictures/skills/Murder.png>" as murder
rectangle "oral tradition\n<img:../../pictures/skills/Oral_Tradition.png>" as oral_tradition
rectangle "painting\n<img:../../pictures/skills/Painting.png>" as painting
rectangle "plant lore\n<img:../../pictures/skills/Plant_Lore.png>" as plant_lore
rectangle "pottery\n<img:../../pictures/skills/Pottery.png>" as pottery
rectangle "primitive tools\n<img:../../pictures/skills/Primitive_Tools.png>" as primitive_tools
rectangle "rage\n<img:../../pictures/skills/Rage.png>" as rage
rectangle "rope twining\n<img:../../pictures/skills/Rope_Twining.png>" as rope_twining
rectangle "sausage making\n<img:../../pictures/skills/Sausage_Making.png>" as sausage_making
rectangle "sewing\n<img:../../pictures/skills/Sewing.png>" as sewing
rectangle "siegecraft\n<img:../../pictures/skills/Siegecraft.png>" as siegecraft
rectangle "silkfarming\n<img:../../pictures/skills/Silkfarming.png>" as silkfarming
rectangle "steelmaking\n<img:../../pictures/skills/Steelmaking.png>" as steelmaking
rectangle "stone working\n<img:../../pictures/skills/Stone_Working.png>" as stone_working
rectangle "swimming\n<img:../../pictures/skills/Swimming.png>" as swimming
rectangle "tanning\n<img:../../pictures/skills/Tanning.png>" as tanning
rectangle "the will to power\n<img:../../pictures/skills/The_Will_to_Power.png>" as the_will_to_power
rectangle "theft\n<img:../../pictures/skills/Theft.png>" as theft
rectangle "trade\n<img:../../pictures/skills/Trade.png>" as trade
rectangle "trespassing\n<img:../../pictures/skills/Trespassing.png>" as trespassing
rectangle "tunneling\n<img:../../pictures/skills/Tunneling.png>" as tunneling
rectangle "vandalism\n<img:../../pictures/skills/Vandalism.png>" as vandalism
rectangle "wheelwrighting\n<img:../../pictures/skills/Wheelwrighting.png>" as wheelwrighting
rectangle "wilderness survival\n<img:../../pictures/skills/Wilderness_Survival.png>" as wilderness_survival
rectangle "winemaking\n<img:../../pictures/skills/Winemaking.png>" as winemaking
rectangle "woodsmanship\n<img:../../pictures/skills/Woodsmanship.png>" as woodsmanship
rectangle "yeomanry\n<img:../../pictures/skills/Yeomanry.png>" as yeomanry

'connection definitions
alchemy <-[#MediumPurple]- hearth_magic
alchemy <-[#LightGreen]- plant_lore
alchemy <-[#OrangeRed]- glass_blowing
ancestral_worship <-[#MediumPurple]- hearth_magic
animal_husbandry <-- hunting
archery <-- hunting
baking <-[#OrangeRed]- pottery
baking <-[#OrangeRed]- cooking
baking <-[#LightGreen]- farming
basic_mechanic <-[#DarkBlue]- rope_twining
basic_mechanic <-[#BurlyWood;#DarkBlue]- wheelwrighting
basic_mechanic <-[#DarkBlue]- metal_working
beekeeping <-[#LightGreen]- farming
boat_building <-[#SteelBlue]- swimming
boat_building <-[#BurlyWood]- carpentry
carpentry <-[#BurlyWood;#DarkBlue]- lumberjacking
charcoal_burning <-[#OrangeRed]- pottery
charcoal_burning <-[#BurlyWood]- lumberjacking
cheesemaking <-- animal_husbandry
cheesemaking <-[#LightGreen]- farming
cooking <-[#OrangeRed]- firecrafts
deep_artifice <-[#DarkBlue]- tunneling
deep_artifice <-[#LightGreen;#DarkBlue]- farming
deep_artifice <-[#BurlyWood;#DarkBlue]- basic_mechanic
deep_artifice <-[#DarkBlue]- metallurgy
druidic_rite <-[#MediumPurple;#DarkGreen]- hearth_magic
druidic_rite <-[#LightGreen;#DarkGreen]- forestry
farming <-[#DarkGreen;#DarkBlue]- foraging
firecrafts <-[#OrangeRed]- game_start
first_aid <-[#LightGreen]- plant_lore
first_aid <-[#MediumPurple]- hearth_magic
fishing <-[#SteelBlue]- foraging
foraging <-[#DarkGreen;#DarkBlue]- game_start
forestry <-[#LightGreen;#DarkGreen]- gardening
forestry <-[#LightGreen;#DarkGreen]- woodsmanship
gardening <-[#LightGreen;#DarkGreen]- farming
glass_blowing <-[#OrangeRed]- pottery
hearth_magic <-[#MediumPurple;#DarkGreen]- the_will_to_power
hunting <-[#DarkBlue]- foraging
jewelry <-- metal_working
landscaping <-[#BurlyWood]- lumberjacking
lawspeaking <-[#LightGreen;#GoldenRod]- yeomanry
lawspeaking <-[#MediumPurple]- hearth_magic
locks_n_bolts <-[#LightGreen;#GoldenRod]- yeomanry
locks_n_bolts <-[#BurlyWood]- carpentry
lumberjacking <-[#DarkGreen;#DarkBlue]- foraging
metal_working <-[#DarkBlue]- stone_working
metallurgy <-[#DarkBlue]- steelmaking
mining <-[#DarkBlue]- stone_working
murder <-[#DarkRed]- rage
music <-[#MediumPurple]- hearth_magic
oral_tradition .. by_default
painting <-[#MediumPurple]- hearth_magic
plant_lore <-[#LightGreen;#DarkGreen]- farming
pottery <-- foraging
pottery <-[#OrangeRed]- firecrafts
primitive_tools .. by_default
rage <-[#DarkRed]- the_will_to_power
rope_twining <-[#DarkBlue]- tanning
sausage_making <-[#LightGreen]- farming
sausage_making <-- animal_husbandry
sewing <-[#LightGreen]- farming
siegecraft <-[#DarkRed]- vandalism
silkfarming <-[#LightGreen]- beekeeping
steelmaking <-[#DarkBlue]- metal_working
stone_working <-[#DarkBlue]- foraging
swimming <-[#SteelBlue]- fishing
tanning <-[#DarkBlue]- hunting
the_will_to_power <-[#DarkRed;#DarkGreen]- game_start
theft <-[#DarkRed]- trespassing
trade <-[#LightGreen;#GoldenRod]- yeomanry
trespassing <-[#DarkRed]- the_will_to_power
tunneling <-[#DarkBlue]- mining
vandalism <-[#DarkRed]- theft
vandalism <-[#DarkRed]- rage
wheelwrighting <-[#BurlyWood;#DarkBlue]- carpentry
wilderness_survival .. by_default
winemaking <-[#LightGreen]- farming
woodsmanship <-[#LightGreen;#DarkGreen]- plant_lore
woodsmanship <-[#BurlyWood;#DarkGreen]- lumberjacking
yeomanry <-[#GoldenRod]- the_will_to_power
yeomanry <-[#LightGreen]- farming

'connection untangling definitions
primitive_tools -[hidden]right- wilderness_survival
the_will_to_power -[hidden]right- firecrafts
sewing -[hidden]left- yeomanry
painting -[hidden]left- trade
ancestral_worship -[hidden]left- trade
lawspeaking -[hidden]left- trade
music -[hidden]left- trade
lawspeaking -[hidden]- yeomanry
game_start -[hidden]right- by_default
@enduml
</pre>
===New uml source code template===
<pre>
@startuml skill_tree_definition
'made with plantuml extension (by jebbs) in visual studio code
scale 1600 width

'appearance definitions
hide stereotype
top to bottom direction
skinparam backgroundcolor transparent
'this one is setting the spacing between nodes horizontally
skinparam nodesep 15
'this one would be setting the spacing between nodes vertically
'skinparam ranksep 30

skinparam defaulttextalignment center
skinparam defaultfontsize 15

skinparam colorarrowseparationspace 5
skinparam arrowthickness 5
skinparam arrowcolor rosybrown

skinparam rectangle {
backgroundcolor transparent
bordercolor transparent
shadowing false
}

'skill node template definitions for each stereotype
!procedure $skill_root_constructor($local_variable_root_name, $rich_root_content)
rectangle "$rich_root_content" as $local_variable_root_name <<skill_root_rectangle>>
!endprocedure

'skill name, and rich skill name are different for example to facilitate names such as "locks & bolts" to "locks n bolts"
!procedure $skill_node_constructor($local_variable_skill_name, $rich_skill_name, $skill_icon_file_name, $skill_icon_scale)
!$skill_icon_image_tag = "<img:../../pictures/skills/" + $skill_icon_file_name + ".png{scale=" + $skill_icon_scale + "}>"
!$rectangle_content = $rich_skill_name + "\n" + $skill_icon_image_tag
rectangle "$rectangle_content" as $local_variable_skill_name <<skill_node_rectangle>>
!endprocedure

'node definitions
'use shift + alt down to copy selected row down
'use alt + up, or down to move selected row into alphabetic position (if you will)
$skill_root_constructor("by_default", "the player is starting with these")
$skill_root_constructor("game_start", "available to purchase from the start of the game")
'definitions with scaled icons: all the "95px..." ones - these are 76/95 = 0.8
$skill_node_constructor("Charcoal_Burning", "Charcoal Burning", "95px-Charcoal_Burning", "0.8")
$skill_node_constructor("Cheesemaking", "Cheesemaking", "95px-Cheesemaking", "0.8")
$skill_node_constructor("Cooking", "Cooking", "95px-Cooking", "0.8")
$skill_node_constructor("Firecrafts", "Firecrafts", "95px-Firecrafts", "0.8")
$skill_node_constructor("Landscaping", "Landscaping", "95px-Landscaping", "0.8")
$skill_node_constructor("Music", "Music", "95px-Music", "0.8")
'unchanged definitions 76*76px, and 75*76px
$skill_node_constructor("Alchemy", "Alchemy", "Alchemy", "1")
$skill_node_constructor("Ancestral_Worship", "Ancestral Worship", "Ancestral_Worship", "1")
$skill_node_constructor("Animal_Husbandry", "Animal Husbandry", "Animal_Husbandry", "1")
$skill_node_constructor("Archery", "Archery", "Archery", "1")
$skill_node_constructor("Baking", "Baking", "Baking", "1")
$skill_node_constructor("Basic_Mechanics", "Basic Mechanics", "Basic_Mechanics", "1")
$skill_node_constructor("Beekeeping", "Beekeeping", "Beekeeping", "1")
$skill_node_constructor("Boat_Building", "Boat Building", "Boat_Building", "1")
$skill_node_constructor("Carpentry", "Carpentry", "Carpentry", "1")
$skill_node_constructor("Deep_Artifice", "Deep Artifice", "Deep_Artifice", "1")
$skill_node_constructor("Druidic_Rite", "Druidic Rite", "Druidic_Rite", "1")
$skill_node_constructor("Farming", "Farming", "Farming", "1")
$skill_node_constructor("First_Aid", "First Aid", "First_Aid", "1")
$skill_node_constructor("Fishing", "Fishing", "Fishing", "1")
$skill_node_constructor("Foraging", "Foraging", "Foraging", "1")
$skill_node_constructor("Forestry", "Forestry", "Forestry", "1")
$skill_node_constructor("Gardening", "Gardening", "Gardening", "1")
$skill_node_constructor("Glass_Blowing", "Glass Blowing", "Glass_Blowing", "1")
$skill_node_constructor("Hearth_Magic", "Hearth Magic", "Hearth_Magic", "1")
$skill_node_constructor("Hunting", "Hunting", "Hunting", "1")
$skill_node_constructor("Jewelry", "Jewelry", "Jewelry", "1")
$skill_node_constructor("Lawspeaking", "Lawspeaking", "Lawspeaking", "1")
$skill_node_constructor("Locks_n_Bolts", "Locks & Bolts", "Locks_&_Bolts", "1")
$skill_node_constructor("Lumberjacking", "Lumberjacking", "Lumberjacking", "1")
$skill_node_constructor("Metal_Working", "Metal Working", "Metal_Working", "1")
$skill_node_constructor("Metallurgy", "Metallurgy", "Metallurgy", "1")
$skill_node_constructor("Mining", "Mining", "Mining", "1")
$skill_node_constructor("Murder", "Murder", "Murder", "1")
$skill_node_constructor("Oral_Tradition", "Oral Tradition", "Oral_Tradition", "1")
$skill_node_constructor("Painting", "Painting", "Painting", "1")
$skill_node_constructor("Plant_Lore", "Plant Lore", "Plant_Lore", "1")
$skill_node_constructor("Pottery", "Pottery", "Pottery", "1")
$skill_node_constructor("Primitive_Tools", "Primitive Tools", "Primitive_Tools", "1")
$skill_node_constructor("Rage", "Rage", "Rage", "1")
$skill_node_constructor("Rope_Twining", "Rope Twining", "Rope_Twining", "1")
$skill_node_constructor("Sausage_Making", "Sausage Making", "Sausage_Making", "1")
$skill_node_constructor("Sewing", "Sewing", "Sewing", "1")
$skill_node_constructor("Siegecraft", "Siegecraft", "Siegecraft", "1")
$skill_node_constructor("Silkfarming", "Silkfarming", "Silkfarming", "1")
$skill_node_constructor("Steelmaking", "Steelmaking", "Steelmaking", "1")
$skill_node_constructor("Stone_Working", "Stone Working", "Stone_Working", "1")
$skill_node_constructor("Swimming", "Swimming", "Swimming", "1")
$skill_node_constructor("Tanning", "Tanning", "Tanning", "1")
$skill_node_constructor("The_Will_to_Power", "The Will to Power", "The_Will_to_Power", "1")
$skill_node_constructor("Theft", "Theft", "Theft", "1")
$skill_node_constructor("Trade", "Trade", "Trade", "1")
$skill_node_constructor("Trespassing", "Trespassing", "Trespassing", "1")
$skill_node_constructor("Tunneling", "Tunneling", "Tunneling", "1")
$skill_node_constructor("Vandalism", "Vandalism", "Vandalism", "1")
$skill_node_constructor("Wheelwrighting", "Wheelwrighting", "Wheelwrighting", "1")
$skill_node_constructor("Wilderness_Survival", "Wilderness Survival", "Wilderness_Survival", "1")
$skill_node_constructor("Winemaking", "Winemaking", "Winemaking", "1")
$skill_node_constructor("Woodsmanship", "Woodsmanship", "Woodsmanship", "1")
$skill_node_constructor("Yeomanry", "Yeomanry", "Yeomanry", "1")

'connection definitions
"Alchemy" <-[#MediumPurple]- "Hearth_Magic"
"Alchemy" <-[#LightGreen]- "Plant_Lore"
"Alchemy" <-[#OrangeRed]- "Glass_Blowing"
"Ancestral_Worship" <-[#MediumPurple]- "Hearth_Magic"
"Animal_Husbandry" <-- "Hunting"
"Archery" <-- "Hunting"
"Baking" <-[#OrangeRed]- "Pottery"
"Baking" <-[#OrangeRed]- "Cooking"
"Baking" <-[#LightGreen]- "Farming"
"Basic_Mechanics" <-[#DarkBlue]- "Rope_Twining"
"Basic_Mechanics" <-[#BurlyWood;#DarkBlue]- "Wheelwrighting"
"Basic_Mechanics" <-[#DarkBlue]- "Metal_Working"
"Beekeeping" <-[#LightGreen]- "Farming"
"Boat_Building" <-[#SteelBlue]- "Swimming"
"Boat_Building" <-[#BurlyWood]- "Carpentry"
"Carpentry" <-[#BurlyWood;#DarkBlue]- "Lumberjacking"
"Charcoal_Burning" <-[#OrangeRed]- "Pottery"
"Charcoal_Burning" <-[#BurlyWood]- "Lumberjacking"
"Cheesemaking" <-- "Animal_Husbandry"
"Cheesemaking" <-[#LightGreen]- "Farming"
"Cooking" <-[#OrangeRed]- "Firecrafts"
"Deep_Artifice" <-[#DarkBlue]- "Tunneling"
"Deep_Artifice" <-[#LightGreen;#DarkBlue]- "Farming"
"Deep_Artifice" <-[#BurlyWood;#DarkBlue]- "Basic_Mechanics"
"Deep_Artifice" <-[#DarkBlue]- "Metallurgy"
"Druidic_Rite" <-[#MediumPurple;#DarkGreen]- "Hearth_Magic"
"Druidic_Rite" <-[#LightGreen;#DarkGreen]- "Forestry"
"Farming" <-[#DarkGreen;#DarkBlue]- "Foraging"
"Firecrafts" <-[#OrangeRed]- "game_start"
"First_Aid" <-[#LightGreen]- "Plant_Lore"
"First_Aid" <-[#MediumPurple]- "Hearth_Magic"
"Fishing" <-[#SteelBlue]- "Foraging"
"Foraging" <-[#DarkGreen;#DarkBlue]- "game_start"
"Forestry" <-[#LightGreen;#DarkGreen]- "Gardening"
"Forestry" <-[#LightGreen;#DarkGreen]- "Woodsmanship"
"Gardening" <-[#LightGreen;#DarkGreen]- "Farming"
"Glass_Blowing" <-[#OrangeRed]- "Pottery"
"Hearth_Magic" <-[#MediumPurple;#DarkGreen]- "The_Will_to_Power"
"Hunting" <-[#DarkBlue]- "Foraging"
"Jewelry" <-- "Metal_Working"
"Landscaping" <-[#BurlyWood]- "Lumberjacking"
"Lawspeaking" <-[#LightGreen;#GoldenRod]- "Yeomanry"
"Lawspeaking" <-[#MediumPurple]- "Hearth_Magic"
"Locks_n_Bolts" <-[#LightGreen;#GoldenRod]- "Yeomanry"
"Locks_n_Bolts" <-[#BurlyWood]- "Carpentry"
"Lumberjacking" <-[#DarkGreen;#DarkBlue]- "Foraging"
"Metal_Working" <-[#DarkBlue]- "Stone_Working"
"Metallurgy" <-[#DarkBlue]- "Steelmaking"
"Mining" <-[#DarkBlue]- "Stone_Working"
"Murder" <-[#DarkRed]- "Rage"
"Music" <-[#MediumPurple]- "Hearth_Magic"
"Oral_Tradition" .. "by_default"
"Painting" <-[#MediumPurple]- "Hearth_Magic"
"Plant_Lore" <-[#LightGreen;#DarkGreen]- "Farming"
"Pottery" <-- "Foraging"
"Pottery" <-[#OrangeRed]- "Firecrafts"
"Primitive_Tools" .. "by_default"
"Rage" <-[#DarkRed]- "The_Will_to_Power"
"Rope_Twining" <-[#DarkBlue]- "Tanning"
"Sausage_Making" <-[#LightGreen]- "Farming"
"Sausage_Making" <-- "Animal_Husbandry"
"Sewing" <-[#LightGreen]- "Farming"
"Siegecraft" <-[#DarkRed]- "Vandalism"
"Silkfarming" <-[#LightGreen]- "Beekeeping"
"Steelmaking" <-[#DarkBlue]- "Metal_Working"
"Stone_Working" <-[#DarkBlue]- "Foraging"
"Swimming" <-[#SteelBlue]- "Fishing"
"Tanning" <-[#DarkBlue]- "Hunting"
"The_Will_to_Power" <-[#DarkRed;#DarkGreen]- "game_start"
"Theft" <-[#DarkRed]- "Trespassing"
"Trade" <-[#LightGreen;#GoldenRod]- "Yeomanry"
"Trespassing" <-[#DarkRed]- "The_Will_to_Power"
"Tunneling" <-[#DarkBlue]- "Mining"
"Vandalism" <-[#DarkRed]- "Theft"
"Vandalism" <-[#DarkRed]- "Rage"
"Wheelwrighting" <-[#BurlyWood;#DarkBlue]- "Carpentry"
"Wilderness_Survival" .. "by_default"
"Winemaking" <-[#LightGreen]- "Farming"
"Woodsmanship" <-[#LightGreen;#DarkGreen]- "Plant_Lore"
"Woodsmanship" <-[#BurlyWood;#DarkGreen]- "Lumberjacking"
"Yeomanry" <-[#GoldenRod]- "The_Will_to_Power"
"Yeomanry" <-[#LightGreen]- "Farming"

'connection untangling definitions
"Primitive_Tools" -[hidden]right- "Wilderness_Survival"
"The_Will_to_Power" -[hidden]right- "Firecrafts"
"Sewing" -[hidden]left- "Yeomanry"
"Painting" -[hidden]left- "Trade"
"Ancestral_Worship" -[hidden]left- "Trade"
"Lawspeaking" -[hidden]left- "Trade"
"Music" -[hidden]left- "Trade"
"Lawspeaking" -[hidden]- "Yeomanry"
"game_start" -[hidden]right- "by_default"
@enduml
</pre>

Template:Skill tree skill marker

2025-12-27T12:21:06Z

Csatangollah: clarification

<includeonly>
<div
style="
position: absolute
; display: flex
; justify-content: center
; align-items: center
; left: {{{2}}}%
; top: {{{3}}}%
; width: {{{4}}}%
; height: {{{5}}}%
; transform: translate(-50%, -50%)
; z-index: 10
; filter: alpha(opacity=0) !important
; -moz-opacity: 0 !important
; -khtml-opacity: 0 !important
; opacity: 0 !important
; background-color: transparent !important
; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)' !important
"title="{{{6|something}}} costs {{{7|unknown}}} learning points"
>[[{{{6}}}|o]]</div>
</includeonly>

<noinclude>
this fills up the skill tree png's (File:Skill_tree_definition.png) ancestor div with itself for each area definition in [[Data:Skill_tree_skill_icon_area_registry]] - each one of this should be a link to the respective icon's page from the [[Skills|skills page]]

these "area" links on the png work the way that there is an "o" hidden link display that is 30px font size for each icon inside the same div the png is in (roughly)

the 30px font size is the proportional icon size: for example the original icons were set to be 76px squared, and the png was set to be 1200px wide with 3123px original width - so the pixel size of the font of a single character like "o" has to be 76px times 1200 over 3123 pixels that is approximately 29.2px - however i rounded it up

each position can be got by using the source code included in the summary of the File:Skill_tree_definition.png in an application like visual studio code with jebbs' plantuml extension (both are free), and then generate a new svg based on that source, open the svg in browser, open dev mode with f12, and then run javascript that is going to paste every single node the plantumel was containing as "rectangles" onto the user's clipboard:

example javascript used for the old uml source code:
<pre>
// 1. Get the total width and height of the SVG viewbox
const svg = document.querySelector('svg');
const totalW = svg.viewBox.baseVal.width || svg.width.baseVal.value;
const totalH = svg.viewBox.baseVal.height || svg.height.baseVal.value;

// 2. Select and sort skills
const skills = Array.from(document.querySelectorAll('g[id^="elem_"]'));
skills.sort((a, b) => a.id.localeCompare(b.id));

// 3. Map to Percentage Rates
const registryData = skills.map(skill => {
const bbox = skill.getBBox();
const alias = skill.id.replace('elem_', '');

// Calculate Percentages
const centerX = ((bbox.x + (bbox.width / 2)) / totalW) * 100;
const centerY = ((bbox.y + (bbox.height / 2)) / totalH) * 100;
const sizeX = (bbox.width / totalW) * 100;
const sizeY = (bbox.height / totalH) * 100;

return `{{#subobject: |Skill_page=${alias} |Skill_tree_coordinate_rates=${centerX.toFixed(2)}; ${centerY.toFixed(2)}; ${sizeX.toFixed(2)}; ${sizeY.toFixed(2)} }}`;
});

// 4. Copy directly to your clipboard
const finalOutput = registryData.join('\n');
copy(finalOutput);

console.log("=== SUCCESS ===");
console.log(`${registryData.length} skills converted to PERCENTAGE rates and copied to clipboard.`);
console.log(`Based on SVG Size: ${totalW}x${totalH}`);
</pre>

note that using the old uml source code as template instead of the new one to update the uml source code, and then use this javascript on the svg of it will contain the rectangle definitions with lower case letters, and include two default nodes - that all will need to be rewritten to page names by hand, and will need to be removed by hand respectively after the extraction

i have just uploaded new uml source code that will facilitate to upload smaller png files (wiki friendlyness), and will facilitate position, and size extraction - as a new javascript (perhaps witten by ai) will be able to differentiate between stereotypes of rectangles (in order to not extract the root skill nodes), and the page names may be according to the contents of the nodes (in order to not make wiki writers rewrite extracted page names themselves among [[Data:Skill_tree_skill_icon_area_registry|these subobjects]])

i just asked google ai how to extract these infos from svg files, however the important stuff to know before extracting: every coordinate, and size must be relative percentage in format from zero to hundred (not zero to one), without percentage marks (those are placed after), and rounded to two digits (for readable code)

it is also worth mentioning that with the new source code template the aliases are no longer feasable to be extracted (it has not been, but it did not matter before) because some of the aliases may contain different letters compared to the page names for the sake of handling those in uml. for example content "locks & bolts" is under alias "locks n bolts" in the new uml source - so the content will be needed to be extracted, not the alias (the current javascript example is extracting aliases)
</noinclude>

Template:Skill tree skill marker

2025-12-27T12:08:40Z

Csatangollah: removed accidental skill trees

<includeonly>
<div
style="
position: absolute
; display: flex
; justify-content: center
; align-items: center
; left: {{{2}}}%
; top: {{{3}}}%
; width: {{{4}}}%
; height: {{{5}}}%
; transform: translate(-50%, -50%)
; z-index: 10
; filter: alpha(opacity=0) !important
; -moz-opacity: 0 !important
; -khtml-opacity: 0 !important
; opacity: 0 !important
; background-color: transparent !important
; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)' !important
"title="{{{6|something}}} costs {{{7|unknown}}} learning points"
>[[{{{6}}}|o]]</div>
</includeonly>

<noinclude>
this fills up the skill tree png's (File:Skill_tree_definition.png) ancestor div with itself for each area definition in [[Data:Skill_tree_skill_icon_area_registry]] - each one of this should be a link to the respective icon's page from the [[Skills|skills page]]

these "area" links on the png work the way that there is an "o" hidden link display that is 30px font size for each icon inside the same div the png is in (roughly)
- the 30px font size is the proportional icon size: for example the original icons were set to be 76px squared, and the png was set to be 1200px wide with 3123px original width - so the pixel size of the font of a single character like "o" has to be 76px times 1200 over 3123 pixels that is approximately 29.2px - however i rounded it up

each position can be got by using the source code included in the summary of the File:Skill_tree_definition.png in an application like visual studio code with jebbs' plantuml extension (both are free), and then generate a new svg based on that source, open the svg in browser, open dev mode with f12, and then run javascript that is going to paste every single node the plantumel was containing as "rectangles" onto the user's clipboard:

example javascript used for the old uml source code:
<pre>
// 1. Get the total width and height of the SVG viewbox
const svg = document.querySelector('svg');
const totalW = svg.viewBox.baseVal.width || svg.width.baseVal.value;
const totalH = svg.viewBox.baseVal.height || svg.height.baseVal.value;

// 2. Select and sort skills
const skills = Array.from(document.querySelectorAll('g[id^="elem_"]'));
skills.sort((a, b) => a.id.localeCompare(b.id));

// 3. Map to Percentage Rates
const registryData = skills.map(skill => {
const bbox = skill.getBBox();
const alias = skill.id.replace('elem_', '');

// Calculate Percentages
const centerX = ((bbox.x + (bbox.width / 2)) / totalW) * 100;
const centerY = ((bbox.y + (bbox.height / 2)) / totalH) * 100;
const sizeX = (bbox.width / totalW) * 100;
const sizeY = (bbox.height / totalH) * 100;

return `{{#subobject: |Skill_page=${alias} |Skill_tree_coordinate_rates=${centerX.toFixed(2)}; ${centerY.toFixed(2)}; ${sizeX.toFixed(2)}; ${sizeY.toFixed(2)} }}`;
});

// 4. Copy directly to your clipboard
const finalOutput = registryData.join('\n');
copy(finalOutput);

console.log("=== SUCCESS ===");
console.log(`${registryData.length} skills converted to PERCENTAGE rates and copied to clipboard.`);
console.log(`Based on SVG Size: ${totalW}x${totalH}`);
</pre>

note that using the old uml source code to write a new source code like that, and then use this javascript on the svg of it will contain the rectangle definitions with lower case letters, and include two default nodes - that will need to be removed by hand after the extraction

i have just uploaded new uml source code that will facilitate to upload smaller png files (wiki friendlyness), and will facilitate position, and size extraction - as a new javascript is able to differentiate between stereotypes of rectangles (in order to not extract the root skill nodes, and then remove those by hand), and the page names may be according to the contents of the nodes (in order to not make wiki writers be not required to rewrite extracted page names themselves among [[Data:Skill_tree_skill_icon_area_registry|these subobjects]])

i just asked google ai how to extract these infos from svg files, however the important stuff to know before extracting: every coordinate, and size must be relative percentage in format from zero to hundred (not zero to one), without percentage marks (those are placed after), and rounded to two digits (for readable code)

it is also worth mentioning that with the new source code template the aliases are no longer feasable to be extracted because some of the aliases may contain different letters compared to the page names for the sake of handling those in uml for example "locks & bolts" is "locks n bolts" in the new uml source - so the content will be needed to be extracted, not the alias as the current javascript example is doing it
</noinclude>

Template:Skill tree skill marker

2025-12-27T12:06:28Z

Csatangollah: added further documentation, and links

<includeonly>
<div
style="
position: absolute
; display: flex
; justify-content: center
; align-items: center
; left: {{{2}}}%
; top: {{{3}}}%
; width: {{{4}}}%
; height: {{{5}}}%
; transform: translate(-50%, -50%)
; z-index: 10
; filter: alpha(opacity=0) !important
; -moz-opacity: 0 !important
; -khtml-opacity: 0 !important
; opacity: 0 !important
; background-color: transparent !important
; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)' !important
"title="{{{6|something}}} costs {{{7|unknown}}} learning points"
>[[{{{6}}}|o]]</div>
</includeonly>

<noinclude>
this fills up the [[File:Skill_tree_definition.png|skill tree png's]] ancestor div with itself for each area definition in [[Data:Skill_tree_skill_icon_area_registry]] - each one of this should be a link to the respective icon's page from the [[Skills|skills page]]

these "area" links on the png work the way that there is an "o" hidden link display that is 30px font size for each icon inside the same div the png is in (roughly)
- the 30px font size is the proportional icon size: for example the original icons were set to be 76px squared, and the png was set to be 1200px wide with 3123px original width - so the pixel size of the font of a single character like "o" has to be 76px times 1200 over 3123 pixels that is approximately 29.2px - however i rounded it up

each position can be got by using the source code included in the summary of the [[File:Skill_tree_definition.png]] in an application like visual studio code with jebbs' plantuml extension (both are free), and then generate a new svg based on that source, open the svg in browser, open dev mode with f12, and then run javascript that is going to paste every single node the plantumel was containing as "rectangles" onto the user's clipboard:

example javascript used for the old uml source code:
<pre>
// 1. Get the total width and height of the SVG viewbox
const svg = document.querySelector('svg');
const totalW = svg.viewBox.baseVal.width || svg.width.baseVal.value;
const totalH = svg.viewBox.baseVal.height || svg.height.baseVal.value;

// 2. Select and sort skills
const skills = Array.from(document.querySelectorAll('g[id^="elem_"]'));
skills.sort((a, b) => a.id.localeCompare(b.id));

// 3. Map to Percentage Rates
const registryData = skills.map(skill => {
const bbox = skill.getBBox();
const alias = skill.id.replace('elem_', '');

// Calculate Percentages
const centerX = ((bbox.x + (bbox.width / 2)) / totalW) * 100;
const centerY = ((bbox.y + (bbox.height / 2)) / totalH) * 100;
const sizeX = (bbox.width / totalW) * 100;
const sizeY = (bbox.height / totalH) * 100;

return `{{#subobject: |Skill_page=${alias} |Skill_tree_coordinate_rates=${centerX.toFixed(2)}; ${centerY.toFixed(2)}; ${sizeX.toFixed(2)}; ${sizeY.toFixed(2)} }}`;
});

// 4. Copy directly to your clipboard
const finalOutput = registryData.join('\n');
copy(finalOutput);

console.log("=== SUCCESS ===");
console.log(`${registryData.length} skills converted to PERCENTAGE rates and copied to clipboard.`);
console.log(`Based on SVG Size: ${totalW}x${totalH}`);
</pre>

note that using the old uml source code to write a new source code like that, and then use this javascript on the svg of it will contain the rectangle definitions with lower case letters, and include two default nodes - that will need to be removed by hand after the extraction

i have just uploaded new uml source code that will facilitate to upload smaller png files (wiki friendlyness), and will facilitate position, and size extraction - as a new javascript is able to differentiate between stereotypes of rectangles (in order to not extract the root skill nodes, and then remove those by hand), and the page names may be according to the contents of the nodes (in order to not make wiki writers be not required to rewrite extracted page names themselves among [[Data:Skill_tree_skill_icon_area_registry|these subobjects]])

i just asked google ai how to extract these infos from svg files, however the important stuff to know before extracting: every coordinate, and size must be relative percentage in format from zero to hundred (not zero to one), without percentage marks (those are placed after), and rounded to two digits (for readable code)

it is also worth mentioning that with the new source code template the aliases are no longer feasable to be extracted because some of the aliases may contain different letters compared to the page names for the sake of handling those in uml for example "locks & bolts" is "locks n bolts" in the new uml source - so the content will be needed to be extracted, not the alias as the current javascript example is doing it
</noinclude>

File:Skill tree definition.png

2025-12-27T10:52:10Z

Csatangollah: /* UML Code */ added new uml code both as template and as possible replacement for the current one in case anybody is interested in updateing the skill tree, added description of what is it

== Summary ==
2025.12.26 skill tree update

==UML Code==
Uml code is used to generate the look of the skill tree, and the links present on it in the wiki are smw (semantic media wiki) code that are generated based on pixel coordinate rates, and size rates extracted from the diagram using javascript in a browser in dev mode (i just asked google ai how to do it, and it told me).

On this page below there are two uml codes. The first one is the currently used uml code, the second one is a newer one that is not used. Eventhough it is not the currently used code, it is intended to be a better template for an updated version of the skill tree for the case let us say new skills are added

In the currently used code there are numerous mistakes such as:
<ul>
<li>The image width is not scaled down to a more wiki friendly size</li>
<li>Basic Mechanics is lacking "s" from its end</li>
<li>When a java script is used on the svg form of it to extract everything either based on aliases, or based on tag content both are lowercase which will not match page names on the wiki, therefore the "subobjects" of [[Data:Skill_tree_skill_icon_area_registry]] will have to be rewritten by hand in order to update it even with it being extracted</li>
<li>During extraction the default nodes like "available to purchase from game start", and "the player possesses it by default" is difficult to avoid, such that these two may have to be removed from the "subobjects" by hand after the extraction</li>
<li>Possibly other mistakes i did not notice, or forgot to say</li>
</ul>

One disadvantage with the new code is that it might contain other yet to be known typoes, and other issues usage time may tell

See more info about uml here:[//en.wikipedia.org/wiki/Unified_Modeling_Language Unified_Modeling_Language]

===Currently used uml source code===
<pre>
@startuml skill_tree_definition
'made with plantuml extension in visual studio code

'appearance definitions
top to bottom direction
skinparam backgroundColor transparent
skinparam nodesep 15
'skinparam ranksep 30
skinparam padding 0
skinparam margin 0
skinparam DefaultFontStyle bold
skinparam defaultTextAlignment center
skinparam rectangle {
BackgroundColor transparent
BorderColor transparent
Shadowing false
}
skinparam ColorArrowSeparationSpace 5
skinparam arrowThickness 5
skinparam ArrowColor rosybrown

'node definitions
'the icons for the nodes are downloaded from the wiki
'template: rectangle "\n<img:../../pictures/skills/.png>" as
'"../../" stands for "up, up" from folders "diagrams/skills/"
'use shift + alt down to copy selected row down
'use alt + up, or down to move selected row into alphabetic position (if you will)
rectangle "the player is starting with these" as by_default
rectangle "available to purchase from the start of the game" as game_start
'definitions with scaled icons: all the "95px..." ones - these are 76/95 = 0.8
rectangle "charcoal burning\n<img:../../pictures/skills/95px-Charcoal_Burning.png{scale=0.8}>" as charcoal_burning
rectangle "cheesemaking\n<img:../../pictures/skills/95px-Cheesemaking.png{scale=0.8}>" as cheesemaking
rectangle "cooking\n<img:../../pictures/skills/95px-Cooking.png{scale=0.8}>" as cooking
rectangle "firecrafts\n<img:../../pictures/skills/95px-Firecrafts.png{scale=0.8}>" as firecrafts
rectangle "landscaping\n<img:../../pictures/skills/95px-Landscaping.png{scale=0.8}>" as landscaping
rectangle "music\n<img:../../pictures/skills/95px-Music.png{scale=0.8}>" as music
'unchanged definitions 76*76px, and 75*76px
rectangle "alchemy\n<img:../../pictures/skills/Alchemy.png>" as alchemy
rectangle "ancestral worship\n<img:../../pictures/skills/Ancestral_Worship.png>" as ancestral_worship
rectangle "animal husbandry\n<img:../../pictures/skills/Animal_Husbandry.png>" as animal_husbandry
rectangle "archery\n<img:../../pictures/skills/Archery.png>" as archery
rectangle "baking\n<img:../../pictures/skills/Baking.png>" as baking
rectangle "basic mechanic\n<img:../../pictures/skills/Basic_Mechanics.png>" as basic_mechanic
rectangle "beekeeping\n<img:../../pictures/skills/Beekeeping.png>" as beekeeping
rectangle "boat building\n<img:../../pictures/skills/Boat_Building.png>" as boat_building
rectangle "carpentry\n<img:../../pictures/skills/Carpentry.png>" as carpentry
rectangle "deep artifice\n<img:../../pictures/skills/Deep_Artifice.png>" as deep_artifice
rectangle "druidic rite\n<img:../../pictures/skills/Druidic_Rite.png>" as druidic_rite
rectangle "farming\n<img:../../pictures/skills/Farming.png>" as farming
rectangle "first aid\n<img:../../pictures/skills/First_Aid.png>" as first_aid
rectangle "fishing\n<img:../../pictures/skills/Fishing.png>" as fishing
rectangle "foraging\n<img:../../pictures/skills/Foraging.png>" as foraging
rectangle "forestry\n<img:../../pictures/skills/Forestry.png>" as forestry
rectangle "gardening\n<img:../../pictures/skills/Gardening.png>" as gardening
rectangle "glass blowing\n<img:../../pictures/skills/Glass_Blowing.png>" as glass_blowing
rectangle "hearth magic\n<img:../../pictures/skills/Hearth_Magic.png>" as hearth_magic
rectangle "hunting\n<img:../../pictures/skills/Hunting.png>" as hunting
rectangle "jewelry\n<img:../../pictures/skills/Jewelry.png>" as jewelry
rectangle "lawspeaking\n<img:../../pictures/skills/Lawspeaking.png>" as lawspeaking
rectangle "locks & bolts\n<img:../../pictures/skills/Locks_&_Bolts.png>" as locks_n_bolts
rectangle "lumberjacking\n<img:../../pictures/skills/Lumberjacking.png>" as lumberjacking
rectangle "metal working\n<img:../../pictures/skills/Metal_Working.png>" as metal_working
rectangle "metallurgy\n<img:../../pictures/skills/Metallurgy.png>" as metallurgy
rectangle "mining\n<img:../../pictures/skills/Mining.png>" as mining
rectangle "murder\n<img:../../pictures/skills/Murder.png>" as murder
rectangle "oral tradition\n<img:../../pictures/skills/Oral_Tradition.png>" as oral_tradition
rectangle "painting\n<img:../../pictures/skills/Painting.png>" as painting
rectangle "plant lore\n<img:../../pictures/skills/Plant_Lore.png>" as plant_lore
rectangle "pottery\n<img:../../pictures/skills/Pottery.png>" as pottery
rectangle "primitive tools\n<img:../../pictures/skills/Primitive_Tools.png>" as primitive_tools
rectangle "rage\n<img:../../pictures/skills/Rage.png>" as rage
rectangle "rope twining\n<img:../../pictures/skills/Rope_Twining.png>" as rope_twining
rectangle "sausage making\n<img:../../pictures/skills/Sausage_Making.png>" as sausage_making
rectangle "sewing\n<img:../../pictures/skills/Sewing.png>" as sewing
rectangle "siegecraft\n<img:../../pictures/skills/Siegecraft.png>" as siegecraft
rectangle "silkfarming\n<img:../../pictures/skills/Silkfarming.png>" as silkfarming
rectangle "steelmaking\n<img:../../pictures/skills/Steelmaking.png>" as steelmaking
rectangle "stone working\n<img:../../pictures/skills/Stone_Working.png>" as stone_working
rectangle "swimming\n<img:../../pictures/skills/Swimming.png>" as swimming
rectangle "tanning\n<img:../../pictures/skills/Tanning.png>" as tanning
rectangle "the will to power\n<img:../../pictures/skills/The_Will_to_Power.png>" as the_will_to_power
rectangle "theft\n<img:../../pictures/skills/Theft.png>" as theft
rectangle "trade\n<img:../../pictures/skills/Trade.png>" as trade
rectangle "trespassing\n<img:../../pictures/skills/Trespassing.png>" as trespassing
rectangle "tunneling\n<img:../../pictures/skills/Tunneling.png>" as tunneling
rectangle "vandalism\n<img:../../pictures/skills/Vandalism.png>" as vandalism
rectangle "wheelwrighting\n<img:../../pictures/skills/Wheelwrighting.png>" as wheelwrighting
rectangle "wilderness survival\n<img:../../pictures/skills/Wilderness_Survival.png>" as wilderness_survival
rectangle "winemaking\n<img:../../pictures/skills/Winemaking.png>" as winemaking
rectangle "woodsmanship\n<img:../../pictures/skills/Woodsmanship.png>" as woodsmanship
rectangle "yeomanry\n<img:../../pictures/skills/Yeomanry.png>" as yeomanry

'connection definitions
alchemy <-[#MediumPurple]- hearth_magic
alchemy <-[#LightGreen]- plant_lore
alchemy <-[#OrangeRed]- glass_blowing
ancestral_worship <-[#MediumPurple]- hearth_magic
animal_husbandry <-- hunting
archery <-- hunting
baking <-[#OrangeRed]- pottery
baking <-[#OrangeRed]- cooking
baking <-[#LightGreen]- farming
basic_mechanic <-[#DarkBlue]- rope_twining
basic_mechanic <-[#BurlyWood;#DarkBlue]- wheelwrighting
basic_mechanic <-[#DarkBlue]- metal_working
beekeeping <-[#LightGreen]- farming
boat_building <-[#SteelBlue]- swimming
boat_building <-[#BurlyWood]- carpentry
carpentry <-[#BurlyWood;#DarkBlue]- lumberjacking
charcoal_burning <-[#OrangeRed]- pottery
charcoal_burning <-[#BurlyWood]- lumberjacking
cheesemaking <-- animal_husbandry
cheesemaking <-[#LightGreen]- farming
cooking <-[#OrangeRed]- firecrafts
deep_artifice <-[#DarkBlue]- tunneling
deep_artifice <-[#LightGreen;#DarkBlue]- farming
deep_artifice <-[#BurlyWood;#DarkBlue]- basic_mechanic
deep_artifice <-[#DarkBlue]- metallurgy
druidic_rite <-[#MediumPurple;#DarkGreen]- hearth_magic
druidic_rite <-[#LightGreen;#DarkGreen]- forestry
farming <-[#DarkGreen;#DarkBlue]- foraging
firecrafts <-[#OrangeRed]- game_start
first_aid <-[#LightGreen]- plant_lore
first_aid <-[#MediumPurple]- hearth_magic
fishing <-[#SteelBlue]- foraging
foraging <-[#DarkGreen;#DarkBlue]- game_start
forestry <-[#LightGreen;#DarkGreen]- gardening
forestry <-[#LightGreen;#DarkGreen]- woodsmanship
gardening <-[#LightGreen;#DarkGreen]- farming
glass_blowing <-[#OrangeRed]- pottery
hearth_magic <-[#MediumPurple;#DarkGreen]- the_will_to_power
hunting <-[#DarkBlue]- foraging
jewelry <-- metal_working
landscaping <-[#BurlyWood]- lumberjacking
lawspeaking <-[#LightGreen;#GoldenRod]- yeomanry
lawspeaking <-[#MediumPurple]- hearth_magic
locks_n_bolts <-[#LightGreen;#GoldenRod]- yeomanry
locks_n_bolts <-[#BurlyWood]- carpentry
lumberjacking <-[#DarkGreen;#DarkBlue]- foraging
metal_working <-[#DarkBlue]- stone_working
metallurgy <-[#DarkBlue]- steelmaking
mining <-[#DarkBlue]- stone_working
murder <-[#DarkRed]- rage
music <-[#MediumPurple]- hearth_magic
oral_tradition .. by_default
painting <-[#MediumPurple]- hearth_magic
plant_lore <-[#LightGreen;#DarkGreen]- farming
pottery <-- foraging
pottery <-[#OrangeRed]- firecrafts
primitive_tools .. by_default
rage <-[#DarkRed]- the_will_to_power
rope_twining <-[#DarkBlue]- tanning
sausage_making <-[#LightGreen]- farming
sausage_making <-- animal_husbandry
sewing <-[#LightGreen]- farming
siegecraft <-[#DarkRed]- vandalism
silkfarming <-[#LightGreen]- beekeeping
steelmaking <-[#DarkBlue]- metal_working
stone_working <-[#DarkBlue]- foraging
swimming <-[#SteelBlue]- fishing
tanning <-[#DarkBlue]- hunting
the_will_to_power <-[#DarkRed;#DarkGreen]- game_start
theft <-[#DarkRed]- trespassing
trade <-[#LightGreen;#GoldenRod]- yeomanry
trespassing <-[#DarkRed]- the_will_to_power
tunneling <-[#DarkBlue]- mining
vandalism <-[#DarkRed]- theft
vandalism <-[#DarkRed]- rage
wheelwrighting <-[#BurlyWood;#DarkBlue]- carpentry
wilderness_survival .. by_default
winemaking <-[#LightGreen]- farming
woodsmanship <-[#LightGreen;#DarkGreen]- plant_lore
woodsmanship <-[#BurlyWood;#DarkGreen]- lumberjacking
yeomanry <-[#GoldenRod]- the_will_to_power
yeomanry <-[#LightGreen]- farming

'connection untangling definitions
primitive_tools -[hidden]right- wilderness_survival
the_will_to_power -[hidden]right- firecrafts
sewing -[hidden]left- yeomanry
painting -[hidden]left- trade
ancestral_worship -[hidden]left- trade
lawspeaking -[hidden]left- trade
music -[hidden]left- trade
lawspeaking -[hidden]- yeomanry
game_start -[hidden]right- by_default
@enduml
</pre>
===New uml source code template===
<pre>
@startuml skill_tree_definition
'made with plantuml extension (by jebbs) in visual studio code
scale 1600 width

'appearance definitions
hide stereotype
top to bottom direction
skinparam backgroundcolor transparent
'this one is setting the spacing between nodes horizontally
skinparam nodesep 15
'this one would be setting the spacing between nodes vertically
'skinparam ranksep 30

skinparam defaulttextalignment center
skinparam defaultfontsize 15

skinparam colorarrowseparationspace 5
skinparam arrowthickness 5
skinparam arrowcolor rosybrown

skinparam rectangle {
backgroundcolor transparent
bordercolor transparent
shadowing false
}

'skill node template definitions for each stereotype
!procedure $skill_root_constructor($local_variable_root_name, $rich_root_content)
rectangle "$rich_root_content" as $local_variable_root_name <<skill_root_rectangle>>
!endprocedure

'skill name, and rich skill name are different for example to facilitate names such as "locks & bolts" to "locks n bolts"
!procedure $skill_node_constructor($local_variable_skill_name, $rich_skill_name, $skill_icon_file_name, $skill_icon_scale)
!$skill_icon_image_tag = "<img:../../pictures/skills/" + $skill_icon_file_name + ".png{scale=" + $skill_icon_scale + "}>"
!$rectangle_content = $rich_skill_name + "\n" + $skill_icon_image_tag
rectangle "$rectangle_content" as $local_variable_skill_name <<skill_node_rectangle>>
!endprocedure

'node definitions
'use shift + alt down to copy selected row down
'use alt + up, or down to move selected row into alphabetic position (if you will)
$skill_root_constructor("by_default", "the player is starting with these")
$skill_root_constructor("game_start", "available to purchase from the start of the game")
'definitions with scaled icons: all the "95px..." ones - these are 76/95 = 0.8
$skill_node_constructor("Charcoal_Burning", "Charcoal Burning", "95px-Charcoal_Burning", "0.8")
$skill_node_constructor("Cheesemaking", "Cheesemaking", "95px-Cheesemaking", "0.8")
$skill_node_constructor("Cooking", "Cooking", "95px-Cooking", "0.8")
$skill_node_constructor("Firecrafts", "Firecrafts", "95px-Firecrafts", "0.8")
$skill_node_constructor("Landscaping", "Landscaping", "95px-Landscaping", "0.8")
$skill_node_constructor("Music", "Music", "95px-Music", "0.8")
'unchanged definitions 76*76px, and 75*76px
$skill_node_constructor("Alchemy", "Alchemy", "Alchemy", "1")
$skill_node_constructor("Ancestral_Worship", "Ancestral Worship", "Ancestral_Worship", "1")
$skill_node_constructor("Animal_Husbandry", "Animal Husbandry", "Animal_Husbandry", "1")
$skill_node_constructor("Archery", "Archery", "Archery", "1")
$skill_node_constructor("Baking", "Baking", "Baking", "1")
$skill_node_constructor("Basic_Mechanics", "Basic Mechanics", "Basic_Mechanics", "1")
$skill_node_constructor("Beekeeping", "Beekeeping", "Beekeeping", "1")
$skill_node_constructor("Boat_Building", "Boat Building", "Boat_Building", "1")
$skill_node_constructor("Carpentry", "Carpentry", "Carpentry", "1")
$skill_node_constructor("Deep_Artifice", "Deep Artifice", "Deep_Artifice", "1")
$skill_node_constructor("Druidic_Rite", "Druidic Rite", "Druidic_Rite", "1")
$skill_node_constructor("Farming", "Farming", "Farming", "1")
$skill_node_constructor("First_Aid", "First Aid", "First_Aid", "1")
$skill_node_constructor("Fishing", "Fishing", "Fishing", "1")
$skill_node_constructor("Foraging", "Foraging", "Foraging", "1")
$skill_node_constructor("Forestry", "Forestry", "Forestry", "1")
$skill_node_constructor("Gardening", "Gardening", "Gardening", "1")
$skill_node_constructor("Glass_Blowing", "Glass Blowing", "Glass_Blowing", "1")
$skill_node_constructor("Hearth_Magic", "Hearth Magic", "Hearth_Magic", "1")
$skill_node_constructor("Hunting", "Hunting", "Hunting", "1")
$skill_node_constructor("Jewelry", "Jewelry", "Jewelry", "1")
$skill_node_constructor("Lawspeaking", "Lawspeaking", "Lawspeaking", "1")
$skill_node_constructor("Locks_n_Bolts", "Locks & Bolts", "Locks_&_Bolts", "1")
$skill_node_constructor("Lumberjacking", "Lumberjacking", "Lumberjacking", "1")
$skill_node_constructor("Metal_Working", "Metal Working", "Metal_Working", "1")
$skill_node_constructor("Metallurgy", "Metallurgy", "Metallurgy", "1")
$skill_node_constructor("Mining", "Mining", "Mining", "1")
$skill_node_constructor("Murder", "Murder", "Murder", "1")
$skill_node_constructor("Oral_Tradition", "Oral Tradition", "Oral_Tradition", "1")
$skill_node_constructor("Painting", "Painting", "Painting", "1")
$skill_node_constructor("Plant_Lore", "Plant Lore", "Plant_Lore", "1")
$skill_node_constructor("Pottery", "Pottery", "Pottery", "1")
$skill_node_constructor("Primitive_Tools", "Primitive Tools", "Primitive_Tools", "1")
$skill_node_constructor("Rage", "Rage", "Rage", "1")
$skill_node_constructor("Rope_Twining", "Rope Twining", "Rope_Twining", "1")
$skill_node_constructor("Sausage_Making", "Sausage Making", "Sausage_Making", "1")
$skill_node_constructor("Sewing", "Sewing", "Sewing", "1")
$skill_node_constructor("Siegecraft", "Siegecraft", "Siegecraft", "1")
$skill_node_constructor("Silkfarming", "Silkfarming", "Silkfarming", "1")
$skill_node_constructor("Steelmaking", "Steelmaking", "Steelmaking", "1")
$skill_node_constructor("Stone_Working", "Stone Working", "Stone_Working", "1")
$skill_node_constructor("Swimming", "Swimming", "Swimming", "1")
$skill_node_constructor("Tanning", "Tanning", "Tanning", "1")
$skill_node_constructor("The_Will_to_Power", "The Will to Power", "The_Will_to_Power", "1")
$skill_node_constructor("Theft", "Theft", "Theft", "1")
$skill_node_constructor("Trade", "Trade", "Trade", "1")
$skill_node_constructor("Trespassing", "Trespassing", "Trespassing", "1")
$skill_node_constructor("Tunneling", "Tunneling", "Tunneling", "1")
$skill_node_constructor("Vandalism", "Vandalism", "Vandalism", "1")
$skill_node_constructor("Wheelwrighting", "Wheelwrighting", "Wheelwrighting", "1")
$skill_node_constructor("Wilderness_Survival", "Wilderness Survival", "Wilderness_Survival", "1")
$skill_node_constructor("Winemaking", "Winemaking", "Winemaking", "1")
$skill_node_constructor("Woodsmanship", "Woodsmanship", "Woodsmanship", "1")
$skill_node_constructor("Yeomanry", "Yeomanry", "Yeomanry", "1")

'connection definitions
"Alchemy" <-[#MediumPurple]- "Hearth_Magic"
"Alchemy" <-[#LightGreen]- "Plant_Lore"
"Alchemy" <-[#OrangeRed]- "Glass_Blowing"
"Ancestral_Worship" <-[#MediumPurple]- "Hearth_Magic"
"Animal_Husbandry" <-- "Hunting"
"Archery" <-- "Hunting"
"Baking" <-[#OrangeRed]- "Pottery"
"Baking" <-[#OrangeRed]- "Cooking"
"Baking" <-[#LightGreen]- "Farming"
"Basic_Mechanics" <-[#DarkBlue]- "Rope_Twining"
"Basic_Mechanics" <-[#BurlyWood;#DarkBlue]- "Wheelwrighting"
"Basic_Mechanics" <-[#DarkBlue]- "Metal_Working"
"Beekeeping" <-[#LightGreen]- "Farming"
"Boat_Building" <-[#SteelBlue]- "Swimming"
"Boat_Building" <-[#BurlyWood]- "Carpentry"
"Carpentry" <-[#BurlyWood;#DarkBlue]- "Lumberjacking"
"Charcoal_Burning" <-[#OrangeRed]- "Pottery"
"Charcoal_Burning" <-[#BurlyWood]- "Lumberjacking"
"Cheesemaking" <-- "Animal_Husbandry"
"Cheesemaking" <-[#LightGreen]- "Farming"
"Cooking" <-[#OrangeRed]- "Firecrafts"
"Deep_Artifice" <-[#DarkBlue]- "Tunneling"
"Deep_Artifice" <-[#LightGreen;#DarkBlue]- "Farming"
"Deep_Artifice" <-[#BurlyWood;#DarkBlue]- "Basic_Mechanics"
"Deep_Artifice" <-[#DarkBlue]- "Metallurgy"
"Druidic_Rite" <-[#MediumPurple;#DarkGreen]- "Hearth_Magic"
"Druidic_Rite" <-[#LightGreen;#DarkGreen]- "Forestry"
"Farming" <-[#DarkGreen;#DarkBlue]- "Foraging"
"Firecrafts" <-[#OrangeRed]- "game_start"
"First_Aid" <-[#LightGreen]- "Plant_Lore"
"First_Aid" <-[#MediumPurple]- "Hearth_Magic"
"Fishing" <-[#SteelBlue]- "Foraging"
"Foraging" <-[#DarkGreen;#DarkBlue]- "game_start"
"Forestry" <-[#LightGreen;#DarkGreen]- "Gardening"
"Forestry" <-[#LightGreen;#DarkGreen]- "Woodsmanship"
"Gardening" <-[#LightGreen;#DarkGreen]- "Farming"
"Glass_Blowing" <-[#OrangeRed]- "Pottery"
"Hearth_Magic" <-[#MediumPurple;#DarkGreen]- "The_Will_to_Power"
"Hunting" <-[#DarkBlue]- "Foraging"
"Jewelry" <-- "Metal_Working"
"Landscaping" <-[#BurlyWood]- "Lumberjacking"
"Lawspeaking" <-[#LightGreen;#GoldenRod]- "Yeomanry"
"Lawspeaking" <-[#MediumPurple]- "Hearth_Magic"
"Locks_n_Bolts" <-[#LightGreen;#GoldenRod]- "Yeomanry"
"Locks_n_Bolts" <-[#BurlyWood]- "Carpentry"
"Lumberjacking" <-[#DarkGreen;#DarkBlue]- "Foraging"
"Metal_Working" <-[#DarkBlue]- "Stone_Working"
"Metallurgy" <-[#DarkBlue]- "Steelmaking"
"Mining" <-[#DarkBlue]- "Stone_Working"
"Murder" <-[#DarkRed]- "Rage"
"Music" <-[#MediumPurple]- "Hearth_Magic"
"Oral_Tradition" .. "by_default"
"Painting" <-[#MediumPurple]- "Hearth_Magic"
"Plant_Lore" <-[#LightGreen;#DarkGreen]- "Farming"
"Pottery" <-- "Foraging"
"Pottery" <-[#OrangeRed]- "Firecrafts"
"Primitive_Tools" .. "by_default"
"Rage" <-[#DarkRed]- "The_Will_to_Power"
"Rope_Twining" <-[#DarkBlue]- "Tanning"
"Sausage_Making" <-[#LightGreen]- "Farming"
"Sausage_Making" <-- "Animal_Husbandry"
"Sewing" <-[#LightGreen]- "Farming"
"Siegecraft" <-[#DarkRed]- "Vandalism"
"Silkfarming" <-[#LightGreen]- "Beekeeping"
"Steelmaking" <-[#DarkBlue]- "Metal_Working"
"Stone_Working" <-[#DarkBlue]- "Foraging"
"Swimming" <-[#SteelBlue]- "Fishing"
"Tanning" <-[#DarkBlue]- "Hunting"
"The_Will_to_Power" <-[#DarkRed;#DarkGreen]- "game_start"
"Theft" <-[#DarkRed]- "Trespassing"
"Trade" <-[#LightGreen;#GoldenRod]- "Yeomanry"
"Trespassing" <-[#DarkRed]- "The_Will_to_Power"
"Tunneling" <-[#DarkBlue]- "Mining"
"Vandalism" <-[#DarkRed]- "Theft"
"Vandalism" <-[#DarkRed]- "Rage"
"Wheelwrighting" <-[#BurlyWood;#DarkBlue]- "Carpentry"
"Wilderness_Survival" .. "by_default"
"Winemaking" <-[#LightGreen]- "Farming"
"Woodsmanship" <-[#LightGreen;#DarkGreen]- "Plant_Lore"
"Woodsmanship" <-[#BurlyWood;#DarkGreen]- "Lumberjacking"
"Yeomanry" <-[#GoldenRod]- "The_Will_to_Power"
"Yeomanry" <-[#LightGreen]- "Farming"

'connection untangling definitions
"Primitive_Tools" -[hidden]right- "Wilderness_Survival"
"The_Will_to_Power" -[hidden]right- "Firecrafts"
"Sewing" -[hidden]left- "Yeomanry"
"Painting" -[hidden]left- "Trade"
"Ancestral_Worship" -[hidden]left- "Trade"
"Lawspeaking" -[hidden]left- "Trade"
"Music" -[hidden]left- "Trade"
"Lawspeaking" -[hidden]- "Yeomanry"
"game_start" -[hidden]right- "by_default"
@enduml
</pre>

Template:Skill tree skill marker

2025-12-27T02:19:57Z

Csatangollah: changed link character from g to o (i believe this one is even more centered), adding tittle to span (maybe it will override the link's tittle), into tittles the cost description is now with the page name instead of "it"

User talk:Csatangollah

2025-12-27T01:49:16Z

Csatangollah: /* answer to MvGulik on */ new section

:{{quote|removed extra text, maybe it was interfering (according to ai it did)}} [//ringofbrodgar.com/index.php?title=Property:Skill_tree_coordinate_rates&oldid=120137 ref] Do you have the AI report on that for me. Might help in clearing up what the issue was/is.
:{{quote|skill tree header is no longer covered with toc}} [https://ringofbrodgar.com/index.php?title=Skills&oldid=120129 ref] Sorry to say TOC still covering the image. At least for Firefox 146.0 (Linux). (''also showing some SMW output junk. ...'')
:Also ... Please try to use sandbox(/..) page(s) for testing and intermediated problem solving, instead of the actual main target page. (''most of the time the preview works just as well as saving. Which of course is considered a non issue on sandbox pages.''.)
: --[[User_talk:MvGulik|.MvGulik.]] 09:54, 26 December 2025 (UTC)

:After searching around a bit I'm kinda doubtful RoB-wiki has the needed features to create functional image-maps. I could potentially help if you have, or know, a basic proof of concept I can check out. --[[User_talk:MvGulik|.MvGulik.]] 16:48, 26 December 2025 (UTC)

== answer to MvGulik ==

so i mentioned the ai that the record is grouping the last three fields of the record, and the ai was thinking that the first field must have thrown out of the record - even though i was mentioning him that all 60 pages are present for each field as used by.

in the end, i argued to ai so much, i just opened a new instance of him, and the new insance told me to use explicit calls with property chains

the purpose for toc is to cover the image when it is expanded. i am not sure if you can not collapse it with firefox, however that is using the toc-collapsible class that i did not write myself, it is stock

i have never tried sandbox pages, thank you for suggesting, i will look up how can i proceed with those

yes the wiki does not need the functionality of image maps - that is the exact reason i am not requesting it, but just doing it myself

the proof of concept is present already - however i need help with making the divs background transparent in front of the png, or to make those be pushed below the png z while still working as links. if the divs do not work for links - such as because the link part of it is too tiny, then i will need to look for a different container

== answer to MvGulik on ==

i do own an svg version of the png, i do not know the extension capability of this wiki, so i require help with it too. i am not sure whether an interactive skill tree would be more simple using the svg instead of the png.

also given that i have uploaded the png with the plantuml source i have created it, any user can also create the svg version (both jebbs plantuml extension, and visual studio code are free), upload it, and use it as interactive skill tree provided any extensions are present, or not in the future if required

further on help i need. currently i can not make the div that holds onto both the markers, and the image to be constrictive of the height. i do not know why. i am trying to set a max height, a height in pixels, but the y-overflow is way too much higher than it is required - currently i constricted it with defining the overflow-x to be auto, and then i hid overflow-y

== answer to MvGulik on ==

so i feel like i have managed to overcome some of the difficulties. if you have got any suggestions, just tell me, or don't even tell me just do it yourself. do not wait me for an eternity even if you know your suggestions are worthy, just do it yourself

Template:Skill tree skill marker

2025-12-27T01:26:56Z

Csatangollah: adding explanation to how does the skill tree work

Skills

2025-12-27T01:14:15Z

Csatangollah: adding links to skill tree that are expected to work

<div
class="toc-collapsible toc-collapsed"
style="
position: absolute
; display: inline-block
; background-color: white
; z-index: 101
">
__TOC__
</div>
<div style="height: 50px"></div>

=== Skill Tree ===
{{MT|off}}
<div style="
position: relative
; overflow: auto
; max-width: 100%
; height: 440px
; display: block
">
[[File:Skill_tree_definition.png|none|1200px|link=]]
<div style="
position: absolute
; overflow: hidden
; top: 0
; left: 0
; width: 1200px
; height: 440px
">

{{#ask: [[-Has_subobject::Data:Skill_tree_skill_icon_area_registry]]
|?Skill_tree_coordinate_rates.Coordinate_x_rate
|?Skill_tree_coordinate_rates.Coordinate_y_rate
|?Skill_tree_coordinate_rates.Size_x_rate
|?Skill_tree_coordinate_rates.Size_y_rate
|?Skill_page
|?Skill_page.lpcost
|format=template
|template=Skill_tree_skill_marker
|limit=100
|sort=Skill_page
|order=ascending
|link=none
}}
</div>
</div>
{{MT|off}}
===List of Skills===

{{#ask:[[Category:Skills|+depth=0]]
|?=skillname
|?lpcost=lpcost
|?paginae/text1=ptext1
|?paginae/text2=ptext2
|?paginae/text3=ptext3
|format=plainlist
|limit=100
|link=none
|template=skills_table{{!}}main
|introtemplate=skills_table{{!}}intro
|outrotemplate=skills_table{{!}}outro
|userparam=ptext_header_on
|sep={{!}}-
|searchlabel=
|named args=1
}}

{{Game Development}}

Template:Skill tree skill marker

2025-12-27T01:12:41Z

Csatangollah: debugging ended- making opacity zero again

Template:Skill tree skill marker

2025-12-27T01:11:38Z

Csatangollah: trying font size definition with px unit

Template:Skill tree skill marker

2025-12-27T01:10:02Z

Csatangollah: applying span for the link to attempt and edit its font size (such that it is approximately covering the entire icon)

Template:Skill tree skill marker

2025-12-27T01:04:45Z

Csatangollah: flexboxing div to make inline elements in the center, also aligning, and justifying those to center

Template:Skill tree skill marker

2025-12-27T01:00:03Z

Csatangollah: making div more tight around the link, and removing second character

<includeonly>
<div
style="
position: absolute
; display: block
; left: {{{2}}}%
; top: {{{3}}}%
; width: {{{4}}}%
; height: {{{5}}}%
; transform: translate(-50%, -50%)
; z-index: 10

"title="It costs {{{7|unknown}}} learning points"
>[[{{{6}}}|g]]</div>
</includeonly>

<noinclude>
this fills up the skill tree png's ancestor div with itself for each area definition in [[Data:Skill_tree_skill_icon_area_registry]] - each one of this should be a link to the icon's page
</noinclude>

Template:Skill tree skill marker

2025-12-27T00:58:15Z

Csatangollah: commenting opacity for debug purposes

<includeonly>
<div
style="
position: absolute
; display: block
; left: {{{2}}}%
; top: {{{3}}}%
; width: {{{4}}}%
; height: {{{5}}}%
; transform: translate(-50%, -50%)
; z-index: 10

"title="It costs {{{7|unknown}}} learning points"
>
[[{{{6}}}|go]]
</div>
</includeonly>

<noinclude>
this fills up the skill tree png's ancestor div with itself for each area definition in [[Data:Skill_tree_skill_icon_area_registry]] - each one of this should be a link to the icon's page
</noinclude>