https://github.com/complexlity/saving-eldoria
https://github.com/complexlity/saving-eldoria
Last synced: 11 days ago
JSON representation
- Host: GitHub
- URL: https://github.com/complexlity/saving-eldoria
- Owner: Complexlity
- Created: 2023-07-14T18:07:59.000Z (almost 3 years ago)
- Default Branch: main
- Last Pushed: 2023-07-17T22:30:26.000Z (almost 3 years ago)
- Last Synced: 2025-03-21T04:44:13.250Z (about 1 year ago)
- Language: Jupyter Notebook
- Homepage: http://saving-eldoria.netlify.app
- Size: 2.75 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
## Data story using the provided dataset
The title of this story is **SAVING ELDORIA**. It has the following chapters
- **Chapter One**: Trouble
- **Chapter Two**: Balance
- **Chapter Three**: Rookie
- **Chapter Four**: Selection
- **Chapter Five**: Strength
- **Chapter Six**: Teacher
- **Chapter Seven**: Victory
The entire story you'll find on the site!
## Live Demo
See the application working [LIVE!](https://saving-eldoria.netlify.app)
## Thought process behind the data story
- At the very first glance of the datasets, I knew I wanted to create some kind of team but I wasn't sure what to represent in my team.
- I initially wanted to create the `strongest` team to go into battle. But while doing so, I realized that would be very generic. I realized that creating a team out of **balance** would be a very interesting way to go about it
- After all the data manipulation and I finally was able to come up with a team, then I needed to find the story behind it which I eventually was able to come up with. (A long one 😬 but worth the read)
## Algorithms / libraries used to generate the visualization
- Python/Node.js
- React
- Chartjs
- react-chartsjs-2
I used Python to do some cleaning of the data removing some unused columns and unknowns. After this, to come up with the team I had to do a couple of data manipulation to get the final selection I wanted to talk about.
react-chartsjs-2 is a react wrapper around Chartjs. Chartjs is a library that helps to make different types of charts from data. I used Pie, Bar and Radar chart in the application
## Getting Started
1. Clone the repository
```bash
git clone https://github.com/Complexlity/saving-eldoria.git
```
2. Install Dependencies
```bash
npm install
```
3. Run Local Server
```bash
npm run dev
```
5. Navigate to [http://localhost:5173/](http://localhost:5173/).