patsukhum/Marvel

Marvel Visualization Project

Team Members: Benjamin Levy, Rachel Moon, Pat Sukhum, Kevin Ji Whan Yoon

• URL to website: https://patsukhum.github.io/Marvel/
• URL to video: https://www.youtube.com/watch?v=_5D8RrOzJQ0

Project Structure

• css/: contains library CSS files as well as our custom style.css.

• data/:

  • raw/: contains raw data collected
  • clean/: contains cleaned data used for our visualization
  • scripts/: all data collecting/cleaning Python/Jupyter Notebook scripts

• js/

  • libraries/: downloaded library JavaScript files, such as bootstrap, jQuery, D3, etc.
  • char-stats-vis.js: character wiki stats visualization
  • cookiechart-vis.js: cookie chart (genre bubble) visualization
  • dynamics.js: for handling visualization dynamics with scrolling
  • linechart-vis.js: line chart visualization
  • main.js: main JavaScript file for loading data and all visualizations
  • map-carousel.js: map poster carousel functions
  • map-vis.js: map visualization
  • matrix-vis.js: character power matrix visualization
  • network-vis.js: character network visualization
  • plot-flow-vis.js: plot tree chart visualization
  • title-vis.js: for title page visualization
  • utils.js: for general reusable functions

• img/: contains images for characters,backgrounds,etc.

• index.html: main html file for our website.