README.md

docx

School

Arizona State University, Tempe *

*We aren’t endorsed by this school

Course

578

Subject

Computer Science

Date

Feb 20, 2024

Type

docx

Pages

Uploaded by DrCapybara4039

Homework : Optional Assignment Overview This homework assignment focuses on utilizing D3.js to build and link interactive visualizations based on a dataset of football players. The provided dataset ( dataset.csv ) contains detailed information on players, such as names, ages, nationalities, clubs, and various performance ratings. Dataset Description The dataset.csv includes the following key columns relevant to our visualization:  Name : The name of the football player.  Age : The age of the player.  Nationality : The country the player represents.  Club : The club for which the player is currently playing.  Overall : The overall rating of the player.  Potential : The potential rating of the player.  Various Stats : Different performance-related stats such as speed, dribbling, shooting accuracy, etc. Visualization As demonstrated in the accompanying screenshot, the visualization is a bar chart created using D3.js, which plots a selected statistic from the dataset. In the screenshot, it appears to display the distribution of players' ratings or a similar metric.

When hovering on a bin, show tooltip describing any 3 attributes from the dataset (as shown in image below) When a bin is clicked, show overall rating for that bin in a bar chart. Note: you have the flexibility to place the bar at a place of your choice. Instructions

1. Setting Up Your Environment : Clone the provided code template to your local machine. Start a local server and open the index.html page to begin work on the visualization. 2. Parsing the Dataset: Write a JavaScript function to parse the dataset.csv file. Extract the relevant columns needed for the visualization. 3. Creating a Bar Chart: Use D3.js to create a bar chart that represents the data. Each bar should correspond to a range of player ratings, with the bar's height representing the number of players in that range. 4. Adding Interactivity: Implement interactive features such as tooltips that display specific data points when a user hovers over a bar. Additionally, provide functionality to update the chart based on user selections or filters, such as age range, nationality, or club. 5. Testing: Test your visualization with various subsets of data to ensure accuracy and responsiveness. Use different parameters to validate the dynamic aspects of the chart. 6. Submission: Once complete, commit and push the code back to the repository to submit your homework. Additional Notes  The visualization should be both aesthetically pleasing and functionally robust.  Ensure that your chart scales correctly for different data sizes and screen resolutions.  Consider accessibility and ensure that your visualization is usable by as wide an audience as possible. This README serves as a starting point for your assignment. Refer to the screenshot for a visual guide and use the steps outlined above to create your interactive visualization. Good luck!

Your preview ends here

Eager to read complete document? Join bartleby learn and gain access to the full version

Access to all documents
Unlimited textbook solutions
24/7 expert homework help

Related Documents

Q3.pdf

CSCI N207 Quiz Five Answers.docx

CSCI N207 Quiz Three Answers.docx

CSCI N207 Quiz One Answers.docx

CSCI N207 Quiz Four Answers.docx

CSCI N207 Quiz Two Answers.docx

4347 Project Description(1).docx

Midterm Exam-103-code1-solution.pdf

Midterm Exam-103-code2-solution.pdf

5-1 Module Five Assignment_ Impact of Cybercrime-2.pdf

Lab04.pdf

hw1.docx

Recommended textbooks for you

Programming with Microsoft Visual Basic 2017

Computer Science

ISBN:9781337102124

Author:Diane Zak

Publisher:Cengage Learning

COMPREHENSIVE MICROSOFT OFFICE 365 EXCE

Computer Science

ISBN:9780357392676

Author:FREUND, Steven

Publisher:CENGAGE L

Np Ms Office 365/Excel 2016 I Ntermed

Computer Science

ISBN:9781337508841

Author:Carey

Publisher:Cengage

New Perspectives on HTML5, CSS3, and JavaScript

Computer Science

ISBN:9781305503922

Author:Patrick M. Carey

Publisher:Cengage Learning

EBK JAVA PROGRAMMING

Computer Science

ISBN:9781337671385

Author:FARRELL

Publisher:CENGAGE LEARNING - CONSIGNMENT

CMPTR

Computer Science

ISBN:9781337681872

Author:PINARD

Publisher:Cengage

SEE MORE TEXTBOOKS

Recommended textbooks for you

Programming with Microsoft Visual Basic 2017
Computer Science
ISBN:9781337102124
Author:Diane Zak
Publisher:Cengage Learning
COMPREHENSIVE MICROSOFT OFFICE 365 EXCE
Computer Science
ISBN:9780357392676
Author:FREUND, Steven
Publisher:CENGAGE L
Np Ms Office 365/Excel 2016 I Ntermed
Computer Science
ISBN:9781337508841
Author:Carey
Publisher:Cengage
New Perspectives on HTML5, CSS3, and JavaScript
Computer Science
ISBN:9781305503922
Author:Patrick M. Carey
Publisher:Cengage Learning
EBK JAVA PROGRAMMING
Computer Science
ISBN:9781337671385
Author:FARRELL
Publisher:CENGAGE LEARNING - CONSIGNMENT
CMPTR
Computer Science
ISBN:9781337681872
Author:PINARD
Publisher:Cengage