An open API service indexing awesome lists of open source software.

https://github.com/2kabhishek/pokemon-stats

Gotta stat 'em all 🖲🐭
https://github.com/2kabhishek/pokemon-stats

d3 data emoji pokemon rollup statistics

Last synced: about 2 months ago
JSON representation

Gotta stat 'em all 🖲🐭

Awesome Lists containing this project

README

          

pokemon-stats


License


People


Stars


Forks


Watches


Last Updated

Gotta stat 'em all 🖲🐭

pokemon-stats Demo


pokemon-stats screenshot

## What is this

Analyses Pokemon stats with D3 and shows them with emojis.

## Inspiration

Always wanted to know these stats about pokemon, finally got around to implementing it.

## Prerequisites

Before you begin, ensure you have met the following requirements:

- You have installed the latest version of `any web browser`, `npm`

## Getting pokemon-stats

To install pokemon-stats, follow these steps:

```bash
git clone https://github.com/2kabhishek/pokemon-stats
cd pokemon-stats
```

## Using pokemon-stats

Open [pokemon.json](./data/pokemon.json) to look at the raw stats.

To look at the compiled web version open [index.html](./index.html) or [2kabhishek.github.io/pokemon-stats](https://2kabhishek.github.io/pokemon-stats).

To make changes to the script you can edit the [main.js](./main.js) file.
You need `rollup` to compile the script.

```bash
npm install
npm run build
# or
npm run watch
```

## How it was built

pokemon-stats was built using `VS Code`, `rollup`, `d3`, and classic web tech.

## Challenges faced

Setting up `d3` with `rollup` was a minor challenge initially.

## What I learned

- Learned about rollup and it's configs
- Explored more of d3's API
- Learned about lots of Pokemon stats

Hit the ⭐ button if you found this useful.

## More Info

Source | Website