Under-The-Influence

CS171-Piazza-Party: Veronica Peitong Chen, Nina Chen, and Tiange Wang

• URL to website: https://nina3719.github.io/Under-The-Influence/
• URL to video: https://vimeo.com/487845060

Description

Substance abuse, specifically alcohol abuse, has been a severe global problem and millions of people die from it each year. This pattern of dangerous use of alcohol for mood-altering purposes can lead to dependency and physical harm and has led to countless family tragedies. Using research data and stories, not only will the project illustrate the graveness of the issue through different lenses and perspectives, but also illuminate the audience with useful counter measurements and knowledge.

We hope this project could raise awareness on this detrimental global issue in historical, contemporary, and covid-19 context and empower the audience with information and data.

Project Structure

• css/: contains library CSS files as well as our custom style.css
• data/: contains the processed data files for all of our visualizations
• dist/: downloaded library for particle visualization
• images/: contains images for reason section, backgrounds, particles, and authors
• img/: contains images for death visualization, favicon, cursor, cover, etc.
• index.html: main html file for our website
• js/:
  • libraries/: downloaded library JavaScript files, such as jQuery, D3, aos, etc.
  • src/: downloaded library for particle visualization
  • animation.js: for opening animation (unused, convered to video)
  • counter.js: for intro hook number counter
  • death-BarChart.js: bar chart visualization for alcohol related deaths
  • death-main.js: main JavaScript file for death section visualizations
  • death-timeline.js: timeline visualization for brushing
  • deathFactorChart.js: area graph visualization for death factor ranking
  • diagnose.js: JavaScript file for diagnose quiz section
  • globalmap.js: main JavaScript file for global consumption section
  • globalmap_barVis.js: bar chart visualization for country rankings
  • globalmap_barVisGroup.js: stacked bar chart visualization
  • globalmap_mapVis.js: global map visualization
  • heat-map-mapVis.js: heat map visualization for U.S.
  • heat-map.js: main JavaScript file for heat map visualization
  • history-line-draw.js: drawing function for history trend visualization
  • history-line-simplify.js: drawing line simplification for history trend visualization
  • history-line.js: main JavaScript file for history trend visualization
  • interactive-particles-text.js: particles text visualization
  • interactive-particles.js: particles visualization
  • lodash.min.js: imported JavaScript library
  • matrix-main.js: main JavaScript file for matrix visualization
  • matrix-scroll.js: imported JavaScript library for scrolling
  • matrix.js: matrix visualization
  • polarAreaChart.js: polar area chart visualization
  • radial-dendrogram-bar.js: main JavaScript file for health impact stacked graph
  • radial-dendrogram.js: main JavaScript file for health impacts tree map
  • radialVis.js: radial visualization
  • victim-main.js: main JavaScript file for victim story visualization
  • victim-story.js: victim story visualization
• node_modules/: downloaded library JavaScript files for particle visualization