Source code
This website has an open-source code which can be found at:
https://github.com/SolidTiger/pokewidia
Data
Pokéwidia is powered by PokéApi which provides data from the Pokémon games.
A big thanks to the creators of the API. The API allows us to fetch JSON objects
containing data about specific Pokémons. The data used by us concerns Pokémon stats, type, name, and ID.
You can find the API and more information at:
https://pokeapi.co/
Our Learning Objectives
Design: We conducted this project as a part of our information visualization course to achieve the following learning outcomes:
- The steps of the visualization pipeline by Mezza.
- The seven tasks of data visualization by Shneiderman.
- Several visualization models like radar charts, scatter plots, and dynamic tables.
- Suitable design elements and color selection for effective visualization.
Defend: We defended our design choices during live sessions across the project with proper justifications based on available literature and best practices.
Critique: We provided constructive criticism to other projects in addition to providing improvement suggestions and alternative approaches when available.
Demonstrate: We presented our progress and conducted live demos of our visualization tool to audiences of students, colleagues, and experts.
Evaluate: We managed to get feedback on our tool through interviews, focus group discussions, an online questionnaire and recorded expert testing. Then we implemented changes and enhancements to our tool based on the received points.
Learned Lessons
- To tightly manage the scope of the project and narrow down the obtained data to suit the scope. Finding a good source of data was one crucial aspect of this project's success.
- Choosing a suitable visual representation for multi-dimensional data requires several rounds of trials, user testing, and enhancement. Still, it is difficult to find one solution that fits all, and here comes the importance of having a good user requirements analysis and using personas to cross-validate the development.
- Merging individual parts into the main visualization is a time-consuming task that needs close monitoring and follow-up. A good approach to plan for the splitting and merging of tasks at the same time to capture all the dependencies.
- Making good use of space is a challenging task, especially when viewing the tool using different screen sizes and resolutions. A solution would be to have adaptive content that could be viewed on different screens or to mention the best resolution for the tool to the users.
The Team
Robin
Email: rnordma@kth.se
Project management, coding, development, and testing.
Primarily working on the Explore Pokémon page.
Suhail
Email: muzaiek@kth.se
Project management, coding, development, UX, and testing.
Primarily working on the Compare Teams page and style guide creation.
Celina
Email: celinas@kth.se
Coding and development, UX, data handling, and testing.
Primarily working on Compare team page and concept design
Tim
Email: timolsen@kth.se
Project management, coding, development, data handling, and testing.
Primarily working on the Explore Pokémon page.
Jesper
Email: jlidbaum@kth.se
Coding and development, UX, and data handling.
Primarily working on the Compare Teams page, front page, and helping with the style guide.
