JS code (paste on any website, preferably a empty one

var article = `
{| class="wikitable" style="width:100%"
|-
! colspan=2 width=25% style="background:#FF0001" | {{color-link|Mario|white}}
! colspan=2 width=25% style="background:#00C100" | {{color-link|Luigi|white}}
! colspan=2 width=25% style="background:#000000" | {{color-link|Bowser|white}}
! colspan=2 width=25% style="background:#FF599B" | {{color-link|Princess Peach|white|Peach}}
|- align="center" style="background: #FFFFFF"
| colspan=2 | [[File:MSBL Mario artwork 2.png|200px]]
| colspan=2 | [[File:MSBL Luigi artwork.png|200px]]
| colspan=2 | [[File:MSBL Bowser artwork.png|200px]]
| colspan=2 | [[File:MSBL Peach Artwork.png|200px]]
|-
| colspan=2 style="text-align:center" | ''Mario's high technique and shooting attributes make him a great choice for those seeking a balanced, capable character.''
| colspan=2 style="text-align:center" | ''Luigi is a well-rounded team player who excels at setting up shots with his high passing attribute.''
| colspan=2 style="text-align:center" | ''Bowser's powerful offense dominates the field with incredible shots and brutal tackles.''
| colspan=2 style="text-align:center" | ''Quick and capable, Peach's high movement and technique attributes help her confuse and evade opponents.''
|-
! Type
| Technique
! Type
| Technique
! Type
| Physical
! Type
| Speed
|-
! Default color
| Red
! Default color
| Green
! Default color
| Dark gray
! Default color
| Pink
|-
! Team number
| 1
! Team number
| 2
! Team number
| 66
! Team number
| 10
|-
! Hyper Strike
| Fire Cyclone
! Hyper Strike
| Spin Tornado
! Hyper Strike
| Flame Cannon
! Hyper Strike
| Dance of Hearts
|-
! Strength
| 11/25
! Strength
| 11/25
! Strength
| 17/25
! Strength
| 9/25
|-
! Speed
| 12/25
! Speed
| 11/25
! Speed
| 9/25
! Speed
| 17/25
|-
! Shooting
| 14/25
! Shooting
| 10/25
! Shooting
| 17/25
! Shooting
| 9/25
|-
! Passing
| 10/25
! Passing
| 14/25
! Passing
| 11/25
! Passing
| 13/25
|-
! Technique
| 16/25
! Technique
| 17/25
! Technique
| 9/25
! Technique
| 15/25
|-
! colspan=2 width=25% style="background:#30D5C8" | {{color-link|Rosalina|white}}
! colspan=2 width=25% style="background:#ff0000" | {{color-link|Toad|white}}
! colspan=2 width=25% style="background:#36D836" | {{color-link|Yoshi|white}}
! colspan=2 width=25% style="background:#BEB33E" | {{color-link|Donkey Kong|white}}
|- align="center" style="background: #FFFFFF"
| colspan=2 | [[File:MSBL Rosalina Artwork.png|200px]]
| colspan=2 | [[File:MSBL Toad Artwork.png|200px]]
| colspan=2 | [[File:MSBL Yoshi artwork.png|200px]]
| colspan=2 | [[File:MSBL Donkey Kong artwork.png|200px]]
|-
| colspan=2 style="text-align:center" | ''A powerhouse on offense, Rosalina's mighty shooting ability will put any goalie to the test.''
| colspan=2 style="text-align:center" | ''Toad’s high speed and passing attributes are perfect for any team looking to quickly set up a potent offense. In Quick Battle and Cup Battles, you can have more than one Toad on a team.''
| colspan=2 style="text-align:center" | ''Yoshi is always ready to help out his team with excellent passing and strong shooting. In Quick Battle and Cup Battles, you can have more than one Yoshi on a team.''
| colspan=2 style="text-align:center" | ''With his crushing tackle and skillful passing, Donkey Kong is a defensive barrier few can surmount.''
|-
! Type
| Offense
! Type
| Speed
! Type
| Offense
! Type
| Defense
|-
! Default color
| Cyan
! Default color
| Red
! Default color
| Green
! Default color
| Yellow
|-
! Team number
| 11
! Team number
| 12
! Team number
| 8
! Team number
| 55
|-
! Hyper Strike
| Orbital Burst
! Hyper Strike
| Drill Smash
! Hyper Strike
| Egg Stomp
! Hyper Strike
| Banana Blast
|-
! Strength
| 14/25
! Strength
| 9/25
! Strength
| 10/25
! Strength
| 16/25
|-
! Speed
| 9/25
! Speed
| 17/25
! Speed
| 10/25
! Speed
| 9/25
|-
! Shooting
| 17/25
! Shooting
| 11/25
! Shooting
| 17/25
! Shooting
| 13/25
|-
! Passing
| 10/25
! Passing
| 15/25
! Passing
| 17/25
! Passing
| 16/25
|-
! Technique
| 13/25
! Technique
| 11/25
! Technique
| 9/25
! Technique
| 9/25
|-
! colspan=2 width=25% style="background:#FFE500" | {{color-link|Wario|black}}
! colspan=2 width=25% style="background:#6D2DC3" | {{color-link|Waluigi|white}}
! colspan=2 width=25% style="background:#FF0000" | {{color-link|Shy Guy|white}} <small>{{color|(version 1.1.0)|white}}</small><ref name=Update1/>
! colspan=2 width=25% style="background:#FFA500" | {{color-link|Princess Daisy|white|Daisy}} <small>{{color|(version 1.1.0)|white}}</small><ref name=Update1/>
|- align="center" style="background: #FFFFFF"
| colspan=2 | [[File:MSBL Wario Artwork.png|200px]]
| colspan=2 | [[File:MSBL Waluigi Artwork.png|200px]]
| colspan=2 | [[File:MSBL Shy Guy Artwork.png|200px]]
| colspan=2 | [[File:MSBL Daisy Artwork.png|200px]]
|-
| colspan=2 style="text-align:center" | ''Boasting high strength and fierce shooting power, Wario eagerly tackles his way to the front lines to take his shot.''
| colspan=2 style="text-align:center" | ''A nimble defender, Waluigi uses his high speed and technique to rush over and knock opponents down with a punishing tackle.''
| colspan=2 style="text-align:center" | ''An evenly-balanced player, Shy Guy is always eager to take the field, no matter the position. In Quick Battle and Cup Battles, you can have more than one Shy Guy on a team.''
| colspan=2 style="text-align:center" | ''Whether on offense or defense, Daisy’s high technique and passing skills will keep opponents guessing.''
|-
! Type
| Physical
! Type
| Defense
! Type
| All-Rounder
! Type
| Technique
|-
! Default color
| Yellow
! Default color
| Purple
! Default color
| Red
! Default color
| Orange
|-
! Team number
| 00
! Team number
| 0
! Team number
| 3
! Team number
| 9
|-
! Hyper Strike
| Electric Ricochet
! Hyper Strike
| Thorn Barrier
! Hyper Strike
| Propeller Dive
! Hyper Strike
| Flower Spiral
|-
! Strength
| 17/25
! Strength
| 15/25
! Strength
| 13/25
! Strength
| 13/25
|-
! Speed
| 9/25
! Speed
| 16/25
! Speed
| 12/25
! Speed
| 9/25
|-
! Shooting
| 15/25
! Shooting
| 9/25
! Shooting
| 13/25
! Shooting
| 10/25
|-
! Passing
| 13/25
! Passing
| 9/25
! Passing
| 13/25
! Passing
| 13/25
|-
! Technique
| 9/25
! Technique
| 14/25
! Technique
| 12/25
! Technique
| 18/25
|-
|}
`

function getColor (character, statType) {

    switch (character) {
        case 'Mario':
            return '#FF0001';
        case 'Luigi':
            return '#00C100';
        case 'Bowser':
            return '#000000';
        case 'Peach':
            return '#FF599B';
        case 'Rosalina':
            return '#30D5C8';
        case 'Toad':
            return '#ff0000';
        case 'Yoshi':
            return '#36D836';
        case 'DK':
            return '#BEB33E';
        case 'Wario':
            return '#FFE500';
        case 'Waluigi':
            return '#6D2DC3';
        case 'Shy Guy':
            return '#FF0000';
        case 'Daisy':
            return '#FFA500';
    }

    switch (statType) {
        case 'Strength':
            return '#480A0A';
        case 'Speed':
            return '#7FD5E3';
        case 'Shooting':
            return '#BB2D2D';
        case 'Passing':
            return '#CC8F1C';
        case 'Technique':
            return '#BB27C8';
    }
}

article = article.split('\n');

var curType = '';
var curChar = '';
var stats = {
    Strength: -1,
    Speed: -1,
    Shooting: -1,
    Passing: -1,
    Technique: -1
}
var teamNumber = false;

for (const i in article) {

    if (teamNumber === true) {
        teamNumber = false;
        continue;
    }

    switch (article[i]) {
        case '! Team number':
            teamNumber = true;
            continue;
        case '! Strength':
            curType = 'Strength';
            stats.Strength++;
            continue;
        case '! Speed':
            curType = 'Speed';
            stats.Speed++;
            continue;
        case '! Shooting':
            curType = 'Shooting';
            stats.Shooting++;
            continue;
        case '! Passing':
            curType = 'Passing';
            stats.Passing++;
            continue;
        case '! Technique':
            curType = 'Technique';
            stats.Technique++;
            continue;
    }

    var num = parseFloat(article[i].substring(2));

    if (isNaN(num) === true)
        continue;

    switch (stats[curType]) {
            case 0:
                curChar = 'Mario';
                break;
            case 1:
                curChar = 'Luigi';
                break;
            case 2:
                curChar = 'Bowser';
                break;
            case 3:
                curChar = 'Peach';
                break;
            case 4:
                curChar = 'Rosalina';
                break;
            case 5:
                curChar = 'Toad';
                break;
            case 6:
                curChar = 'Yoshi';
                break;
            case 7:
                curChar = 'DK';
                break;
            case 8:
                curChar = 'Wario';
                break;
            case 9:
                curChar = 'Waluigi';
                break;
            case 10:
                curChar = 'Shy Guy';
                break;
            case 11:
                curChar = 'Daisy';
                break;
    }

    article[i] = `| style="background: linear-gradient(90deg, ${getColor(curChar, curType)} ${(num/25*100).toFixed()}%, #0000 0);" | ${num}`
}
var elem = document.createElement('textarea');
elem.style = 'z-index: 999999; height: 100%; width: 100%; background-color: white; position: absolute; top: 0; left: 0;';
elem.value = article.join('\n');
document.querySelector('body').appendChild(elem);