I am a very very creative app but it seems to have work hard and it doesn't even open. (written using predictive text)
md`# Pokemon Types
Every pokemon has one or two *types* -- elemental affinities that determine the mon's strengths and weaknesses. What makes Pokemon interesting is when these types combine, creating tons of combinations. This notebook asks some questions such as:
* what are the most common typings?
* what type combinations are unused?
* which evolution families have unique typings?
`
md`## Type Incidence Graph`
vl.markLine()
.data(genTypeData.slice(1))
.encode(
vl.x().field('gen'),
vl.y().fieldQ('count')
)
.render()
genTypeData = {
const byGens = _.groupBy(pokedexList, (mon) => mon.gen);
const genCombos = []
for (const i of _.range(1, 10)) {
const mons = byGens[i]
genCombos[i] = i > 1 ? new Set(genCombos[i-1]) : new Set()
for (const mon of mons) {
genCombos[i].add(getTypeString(mon.types))
}
}
return genCombos.map((item, i) => ({ gen: i, count: item.size}));
}
function getTypeString(combo) {
return _.sortBy(combo, type => types.indexOf(type)).join('-')
}
// Types only used by legendary-ish pokemon
{
const result = [];
for (const typeCombo of allPossibleTypeCombos) {
const mons = pokedexList.filter((mon) => typeEquals(mon.types, typeCombo));
if (!mons.length) continue;
if (mons.every((mon) => isSubLegendary(mon))) {
result.push(typeCombo);
}
}
return result;
}
// Types only used by mega evolutions
{
const result = [];
for (const typeCombo of allPossibleTypeCombos) {
const mons = pokedexList.filter((mon) => typeEquals(mon.types, typeCombo));
if (!mons.length) continue;
if (mons.every((mon) => isMega(mon))) {
result.push(typeCombo);
}
}
return result;
}
types.filter(type => !_.uniq(unusedTypes.flat()).includes(type))
md`## Unused Type Combinations
There are ${unusedTypes.length} unused type combinations. The following type combinations are possible but are not used by any Pokemon.
${unusedTypes.map(combo => `* ${combo.join(', ')}`).join('\n')}`
unusedTypes = allPossibleTypeCombos.filter(combo => !usedTypes.some(used => typeEquals(used, combo)))
function typeEquals(combo1, combo2) {
return _.isEqual(_.sortBy(combo1), _.sortBy(combo2))
}
allPossibleTypeCombos = {
const list = []
for (let i = 0; i < types.length; i++) {
list.push([types[i]])
for (let j = i+1; j < types.length; j++) {
list.push([types[i], types[j]])
}
}
return list
}
monsByTypeCombo = _.groupBy(distinctTypePokedex, (mon) =>
getTypeString(mon.types)
)
distinctTypePokedex = pokedexList.filter((mon) => !isSameTypeForme(mon))
usedTypes = _(pokedexList).map(mon => [...mon.types].sort()).uniqWith(_.isEqual).value()
typesToIndex = _.mapValues(_.invert(types), val => parseInt(val))
import {
pokedexList,
getSpriteUrl,
isSameTypeForme,
types,
typeColors,
isMega,
isSubLegendary,
isLegendary,
isMythical,
isParadox,
isUltraBeast,
isRegionalForme,
isFossil
} from "@tesseralis/pokemon-dataviz"
d3 = require("d3@5")
_ = require("lodash@4")
import { vl } from '@vega/vega-lite-api-v5'
One platform to build and deploy the best data apps
Experiment and prototype by building visualizations in live JavaScript notebooks. Collaborate with your team and decide which concepts to build out.
Use Observable Framework to build data apps locally. Use data loaders to build in any language or library, including Python, SQL, and R.
Seamlessly deploy to Observable. Test before you ship, use automatic deploy-on-commit, and ensure your projects are always up-to-date.