This is a portfolio piece from my old blog, some information and features may be outdated/unsupported
Note: Pokemon with multiple types were included in each category they fell into. I also didn’t quite know how to handle megas (what the hell are megas?) and different versions of the same pokemon (I haven’t played pokemon in years…), so I threw them all into the bins for each type.
google.load("visualization", "1.1", {packages:["corechart"]});
Total = [ ['Type', 'TOTAL', {type: 'string', role: 'style'}], ['DRAGON',541.76,'color: #6F36F8'], ['STEEL',486.59,'color: #A7A7C4'], ['PSYCHIC',477.09,'color: #F75384'], ['FIGHTING',470.11,'color: #BB2F26'], ['ICE',467.45,'color: #85D0D0'], ['FIRE',467.11,'color: #E87622'], ['DARK',460.9,'color: #634E3F'], ['FLYING',453.83,'color: #A38DE7'], ['ROCK',449.14,'color: #AC9535'], ['ELECTRIC',444.84,'color: #F8CD2B'], ['GROUND',441.07,'color: #DEBC5F'], ['GHOST',436.87,'color: #644D87'], ['WATER',429.1,'color: #5581EE'], ['GRASS',417.93,'color: #69B741'], ['FAIRY',415.93,'color: #E58AE5'], ['NORMAL',402.07,'color: #A5A575'], ['POISON',397.69,'color: #993D99'], ['BUG',379.53,'color: #9CAC1D'], ];
HP = [ ['Type', 'HP', {type: 'string', role: 'style'}], ['DRAGON',82.9,'color: #6F36F8'], ['ICE',78.63,'color: #85D0D0'], ['NORMAL',76.74,'color: #A5A575'], ['GROUND',75.58,'color: #DEBC5F'], ['FIGHTING',74.57,'color: #BB2F26'], ['FLYING',71.37,'color: #A38DE7'], ['PSYCHIC',71.21,'color: #F75384'], ['WATER',71.02,'color: #5581EE'], ['DARK',70.24,'color: #634E3F'], ['FIRE',70.16,'color: #E87622'], ['FAIRY',68.48,'color: #E58AE5'], ['GRASS',66.05,'color: #69B741'], ['ROCK',66.02,'color: #AC9535'], ['STEEL',64.96,'color: #A7A7C4'], ['ELECTRIC',63.2,'color: #F8CD2B'], ['GHOST',62.83,'color: #644D87'], ['POISON',62.6,'color: #993D99'], ['BUG',56.74,'color: #9CAC1D'], ];
Attack = [ ['Type', 'ATTACK', {type: 'string', role: 'style'}], ['DRAGON',105.76,'color: #6F36F8'], ['FIGHTING',104.66,'color: #BB2F26'], ['DARK',96.78,'color: #634E3F'], ['GROUND',92.67,'color: #DEBC5F'], ['STEEL',92.65,'color: #A7A7C4'], ['ROCK',90.72,'color: #AC9535'], ['FIRE',84.11,'color: #E87622'], ['ICE',82.05,'color: #85D0D0'], ['FLYING',80.23,'color: #A38DE7'], ['GHOST',76.93,'color: #644D87'], ['WATER',73.71,'color: #5581EE'], ['GRASS',73.46,'color: #69B741'], ['NORMAL',72.66,'color: #A5A575'], ['PSYCHIC',72.64,'color: #F75384'], ['BUG',71.76,'color: #9CAC1D'], ['POISON',70.79,'color: #993D99'], ['ELECTRIC',69.52,'color: #F8CD2B'], ['FAIRY',61.58,'color: #E58AE5'], ];
Defense = [ ['Type', 'DEFENSE', {type: 'string', role: 'style'}], ['STEEL',116.61,'color: #A7A7C4'], ['ROCK',107.09,'color: #AC9535'], ['GROUND',87.7,'color: #DEBC5F'], ['DRAGON',86.62,'color: #6F36F8'], ['GHOST',81.52,'color: #644D87'], ['ICE',76.66,'color: #85D0D0'], ['PSYCHIC',74.78,'color: #F75384'], ['WATER',74.29,'color: #5581EE'], ['FIGHTING',74.06,'color: #BB2F26'], ['GRASS',73.25,'color: #69B741'], ['BUG',71.11,'color: #9CAC1D'], ['DARK',70.94,'color: #634E3F'], ['FAIRY',70.4,'color: #E58AE5'], ['FIRE',70.09,'color: #E87622'], ['FLYING',68.23,'color: #A38DE7'], ['ELECTRIC',66.54,'color: #F8CD2B'], ['POISON',63.74,'color: #993D99'], ['NORMAL',59.61,'color: #A5A575'], ];
Spatk = [ ['Type', 'SPATK', {type: 'string', role: 'style'}], ['DRAGON',97.44,'color: #6F36F8'], ['PSYCHIC',94.6,'color: #F75384'], ['FIRE',93,'color: #E87622'], ['ELECTRIC',88.96,'color: #F8CD2B'], ['ICE',83.11,'color: #85D0D0'], ['GHOST',77.48,'color: #644D87'], ['DARK',77.45,'color: #634E3F'], ['FAIRY',76.5,'color: #E58AE5'], ['FLYING',76.37,'color: #A38DE7'], ['WATER',74.78,'color: #5581EE'], ['GRASS',72.94,'color: #69B741'], ['STEEL',72.1,'color: #A7A7C4'], ['POISON',67.89,'color: #993D99'], ['FIGHTING',66.92,'color: #BB2F26'], ['GROUND',61.21,'color: #DEBC5F'], ['ROCK',60.4,'color: #AC9535'], ['NORMAL',57.08,'color: #A5A575'], ['BUG',53.57,'color: #9CAC1D'], ];
Spdef = [ ['Type', 'SPDEF', {type: 'string', role: 'style'}], ['DRAGON',86.9,'color: #6F36F8'], ['PSYCHIC',86.77,'color: #F75384'], ['STEEL',83.16,'color: #A7A7C4'], ['FAIRY',83.13,'color: #E58AE5'], ['ICE',79.42,'color: #85D0D0'], ['GHOST',76.96,'color: #644D87'], ['FIRE',74.33,'color: #E87622'], ['ROCK',73.81,'color: #AC9535'], ['ELECTRIC',73.68,'color: #F8CD2B'], ['FIGHTING',73.38,'color: #BB2F26'], ['GRASS',71.51,'color: #69B741'], ['FLYING',71.26,'color: #A38DE7'], ['WATER',70.31,'color: #5581EE'], ['DARK',69.65,'color: #634E3F'], ['POISON',67.42,'color: #993D99'], ['GROUND',64.84,'color: #DEBC5F'], ['BUG',64.67,'color: #9CAC1D'], ['NORMAL',63.75,'color: #A5A575'], ];
Speed = [ ['Type', 'SPEED', {type: 'string', role: 'style'}], ['FLYING',86.39,'color: #A38DE7'], ['ELECTRIC',82.94,'color: #F8CD2B'], ['DRAGON',82.14,'color: #6F36F8'], ['PSYCHIC',77.09,'color: #F75384'], ['FIGHTING',76.53,'color: #BB2F26'], ['DARK',75.84,'color: #634E3F'], ['FIRE',75.42,'color: #E87622'], ['NORMAL',72.25,'color: #A5A575'], ['ICE',67.58,'color: #85D0D0'], ['POISON',65.26,'color: #993D99'], ['WATER',64.98,'color: #5581EE'], ['BUG',61.68,'color: #9CAC1D'], ['GHOST',61.15,'color: #644D87'], ['GRASS',60.72,'color: #69B741'], ['GROUND',59.07,'color: #DEBC5F'], ['STEEL',57.1,'color: #A7A7C4'], ['FAIRY',55.85,'color: #E58AE5'], ['ROCK',51.1,'color: #AC9535'], ];
google.setOnLoadCallback(function(){drawChart2(Total, "Total", "Mean Total stats by Pokemon Type");});
function drawChart2(Dat, Title, Desc) { $("#barchart_values2").remove(); $("#chart_holder2").append('
'); var data = google.visualization.arrayToDataTable(Dat);
var view = new google.visualization.DataView(data); view.setColumns([0, 1, { calc: "stringify", sourceColumn: 1, type: "string", role: "annotation" }, 2]);
var options = { title: Desc, width: '800px', height: '800px', chartArea:{ top: 20, width: '800px', height: '800px', }, bar: {groupWidth: "80%"}, fontName: "Lato", 'tooltip' : {trigger: 'none'},
hAxis: { title: Title, viewWindowMode:'explicit', viewWindow:{
}}, legend: { position: "none" }, }; var chart2 = new google.visualization.BarChart(document.getElementById("barchart_values2")); chart2.draw(view, options); }