--Exploring Visual Information I - Assignment--
YouTube statistics - by Karl Smith (1390533)
ReadMe
Last updated: 30/05/2018

--Contents--
• 1) About
• 2) Disclaimers
• 3) Functionality
• 4) Instructions
• 5) Data description
• 6) File map
• 7) Troubleshooting
• 8) Credits

-- 1) About--
The following interactive infographic visually illustrates my usage of the video-sharing website YouTube (https://www.youtube.com/) over a two week period, between March 12 and March 26, 2018. Each graph is separated by YouTube video categories.

The main square graph, which features videos watched, minutes watched, total video views, and total video votes, is measured in the square area of a percentage out of 100 from the centre. The like/dislike bar below is measured in the percentage covered with likes, similar to the actual like/dislike bar on YouTube.

This graph was coded by using Hypertext Markup Language (HTML), Scalable Vector Graphics (SVG), CSS (Cascading Style Sheets), and JavaScript (JS).

--2) Disclaimers--
All data collected is for educational purposes, and I have no affiliation with YouTube or Google. Addition, the data collected is from the moment I viewed the video, so video statistic doesn't reflect their current data and/or availability.

Although the YouTube logo displayed is in the public domain as it does not meet the threshold of originality, it is still protected as a trademark, which belongs to YouTube themselves and the website's owner Google.

--3) Functionality--
HTML document has been tested and proven to work on Mozilla Firefox, Google Chrome, and Apple Safari. Microsoft Edge and Internet Explorer are not supported. The document was not tested with Opera, although it should work fine on that browser.

--4) Instructions--
1) Double-click on 'index.html' to open the HTML document.
2) Click on a category button to change the displayed data.
3) Comedy, Education, Entertainment, Film & Animation, Howto & Style, and People & Blogs buttons display the data exclusive to said YouTube video category. Overall displays the data of all videos combined.

--5) Data descriptions--
• Videos watched:    The total number of videos I watched the category.
• Minutes watched:    The total minutes of videos I watched the category.
• Total videos views:    The total amount of dislikes for all videos within the category.
• Total videos votes:    The total amount of votes for all videos within the category.
• Likes:        The total amount of likes for all videos within the category.
• Dislikes:        The total amount of dislikes for all videos within the category.

--6) File map--
• css:    Folder containing Cascading Style Sheets (CSS) files.
    • styles.css:    The stylesheet of the webpage used for its appearance and the SVG animations.
• img:    Folder containing image/media files.
    • favicon.ico:    The icon of the HTML document. Obtained from openclipart (https://openclipart.org/detail/289233/youtube).
    • YouTube_Logo_2017.svg:    A Scalable Vector Graphic (SVG) of the YouTube logo. Obtained from Wikimedia Commons (https://commons.wikimedia.org/wiki/File:YouTube_Logo_2017.svg).
• js:    Folder containing JavaScript (JS) files.
    • main.js:    JavaScript coding used for manipulating data displayed on the webpage.
• index.html:    The main webpage that displays the infographics (the one you should access).    
• readme.txt:    Documentation of the infographic (this file).

--7) Troubleshooting--
• The graph is not moving/animating.
    • Microsoft Edge and Internet Explorer do not support SVG transformations. The file should be viewed in Mozilla Firefox, Google Chrome, Apple Safari, or Opera.
    • Ensure that your web browser and JavaScript version is up to date.

--8) Credits--
• Karl Smith:        Data-collecting, designing, and coding
• Tim Van Eyssen:    Teacher, feedback consultant
• YouTube:        Logo
            • Logo obtained from Wikimedia Commons (https://commons.wikimedia.org/wiki/File:YouTube_Logo_2017.svg)
            • Favicon obtained from openclipart (https://openclipart.org/detail/289233/youtube)