Scribd
Upload
6 views2 pages

Project 2

The Data Visualization Project requires groups of 2-3 members to create at least 6 visualizations using the D3 library and data from a JSON-based REST API or CSV file. Each visualization must include legends, axes, and labels, and incorporate interactivity such as mouseover or click events. The project should be styled with CSS and submitted as HTML/JS files, including a cover page with member details.

Uploaded by

lukekang9875
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
6 views2 pages

Project 2

The Data Visualization Project requires groups of 2-3 members to create at least 6 visualizations using the D3 library and data from a JSON-based REST API or CSV file. Each visualization must include legends, axes, and labels, and incorporate interactivity such as mouseover or click events. The project should be styled with CSS and submitted as HTML/JS files, including a cover page with member details.

Uploaded by

lukekang9875
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 2

Project 2 (Group)

Data Visualization Project


Assignment
For this project you’ll work on creating graphs and visualizations using the D3 library, while using your knowledge of
HTML/CSS to improve the design and appearance of your creation.

An example project: Take data from a REST API for FIFA results and feed it into D3 to display several different graphs
(bar, circle, map) to help make sense of the data visually.

This project will be completed in a group of 2-3 members.

1. Data
Your first step is to find data for your project. You should try to find a JSON based REST API as a source for the data,
however a CSV file will work well too. The key here is that the data should have some numeric element that you can
easily plot (or it is hierarchical and you can make a count out of it, as we saw in class)

Discuss the data you find with your professor before proceeding.

2. Visualizations with D3
Your project will need to contain at least 6 different visualizations of the data. For example, in the class you will have
learned about pie charts, bar charts, Sankey diagrams, and several others. You may also find other D3 layouts to
incorporate here.

The visualizations should all make sense for the data. Don’t just use a bar chart that has no meaning because the data is
not numeric.

Your visualizations should all have legends, axis, and labels. Components must be used here to ensure that the
visualizations make sense.

Each student should make at least 2 of the visualizations, you’ll be expected to discuss which ones you completed and
how they work with your professor.

3. Interactivity
The graphs should include some element of interaction, like you saw in class with the events. For example, you can have
use the mouseover or click events to have the graphs change or filter the data.

4. Styling
The graphs should be styled with CSS and look attractive. Furthermore, all of your graphs should be connected together
in a single site that allows navigation between the graphs.

1
Project 2 (Group)

Submission Instructions
 This assignment is to be completed as a group
 You will upload your HTML/JS files
 Your assignment must be submitted to eConestoga by the date/time stated in your Instructional Plan.
 Include a cover page with the following information:
o Your full name
o Student number
o Course number

You might also like