I am creating a data visualizer for a MyAnimeList user's public profile.

This visualizer tries to go into more detail on correlations between the user and their anime.

Data:

The MyAnimeList user's data comes in XML format from the Official MyAnimeList API.

It also comes in JSON format from the Unofficial MyAnimeList API.

I will be using the JSON format.

Visualization

The visualizer will be 3d.

The x-axis represents the number of total episodes.

The y-axis represents the number of episodes user watched.

The z-axis represents the user's score.

An anime node will be graphed and color coded.

Timeline and Goals:

  1. February 3, 2012 - Grab a MyAnimeList user's anime list data
  2. February 4, 2012 - Calculate ratio of episodes watched to score
  3. February 4, 2012 - Calculate ratio episodes watched to total episodes
  4. February 10, 2012 - Graph with x-axis (# of total episodes)
  5. February 10, 2012 - Graph with y-axis (# of episodes user watched)
  6. February 10, 2012 - Graph with z-axis (user's score)
  7. February 17, 2012 - Display one anime as an individual node on 3d graph
  8. February 24, 2012 - Color code the anime node from green to red showing it's score to episodes watched score
  9. February 24, 2012 - Make color code legend for anime node. Higher ratio of episodes watched to score will be shades of red. Lower ratio will be shades of green.
  10. March 2, 2012 - Compact the nodes to be displayed reasonably
  11. March 2, 2012 - Show only specific animes by their types

Resources:

  1. Official MyAnimeList API - This explained how the MyAnimeList API is only available as XML.
  2. Unofficial MyAnimeList API - This showed an alternative option of retrieving MyAnimeList data by JSON format.
  3. Chuyeow's MyAnimeList Ruby API
  4. Learning WebGL
  5. Learning PhiloGL
  6. JMal