SOLUTION: Interactive Data Visualization for Web Report

Assignment: Interactive Data Visualisation for Web
Your task is to develop one visually appealing and communicative interactive data
visualisation interface using Mapbox, HTML, CSS and JavaScript based on your selected
dataset.(You can find the dataset source in the end).
You should explore the contents of the data set and display the data graphically using the
core principles of interaction design, data graphics and cartography. Your resulting interface
should fill the screen space with one or more data visualisations, with some form of interaction
beyond the default interactions provided by the libraries you use. The interface must
communicate a clear message about your data to a defined audience.
Note, the focus of this assignment is to create an interface to present the dataset in your
chosen scope and/or geographic area. You are not expected to perform any in-depth data
modelling, although data selection will be an important part of the design process to ensure
that only relevant data is available to the user. You can choose the topic that you prefer,
but please choose a more suitable topic.
Technical requirements
You should create a webpage called index.html, which is the file that the
marker will open when they mark your work. The zip file may also contain any
number of assets, such as CSS or JavaScript files or images.
You can use any libraries that you wish, or none. In class we cover Chart.js and
Mapbox, and students who are not familiar with programming may prefer to
explore these libraries in more depth. You can also embed Tableau graphics in
your webpage by publishing them to Tableau Public (Links to an external
site.) and using the Tableau JavaScript API (Links to an external site.). More
advanced students may like to explore other data visualisation libraries, such
as Vega-Lite (Links to an external site.), C3.js (Links to an external
site.) or D3 (Links to an external site.) – or even following your imagination
and creating “raw” graphics using a low-level library such as p5.js (Links to an
external site.) or Konva (Links to an external site.).
You are not expected to develop a web site. A single HTML page is sufficient.
You must submit the following file:
1. A zipped file containing an index.html file and any other resources required for the
functioning of your webpage, including commented and working JavaScript code with clear
acknowledgment of any code used or adapted from other sources.
2. A PDF design summary report, not inside your zipped file, containing the following:
(1). A one-page summary of your design;
(2). An appendix that clearly describes all of the sources used in your design.
In your one-page summary you are free to provide extra information about your design to
highlight any background work, or to assist the user in understanding and/or using your
You are free to design any type of data graphic. You do not need to design a graphic or map
that contains spatial data, although you are most welcome to do so if you wish.
You are encouraged to research widely, to find interesting and engaging ways of constructing
your data graphic. This might be where most of your time is spent.
Think carefully about your use of visual variables. Your summary and interface must be
carefully designed. If your interface requires a page of dense text to explain, it is unlikely that
the interface itself is well-designed and intuitive. Thus, it is not recommended that you use
the design summary for more than the briefest explanation of how to use your interface.
The focus in this Assignment is to create a data visualisation interface, NOT
analyse a big dataset. That’s why we suggest to use pre-packaged data which
has already been formatted ready for visualisation. You are free to choose
your own data source, or use a dataset from one of the following suggested

Tidy Tuesday data (2018 to
present): (Links to
an external site.)

FiveThirtyEight open data (US-centric, 2014 to
present): (Links to an external site.)

Washington Post (UScentric): (Links to an external

BuzzFeed News (US-centric, 2014 to
present): (Links to an
external site.)

The Guardian Datablog data (UK-centric, 2009 to
ata-store-office-for-national-statistics (Links to an external site.)

Tableau has a list of free public data sets (Links to an external site.).
COVID-19 Dashboard by the Center for Systems Science and Engineering (CSSE) at Johns Hopkins University (JHU)
Total Deaths
Last Updated at (M/D/YYYY)
13/09/2021, 1:21 pm
Total Cases
Total Vaccine Doses Administered
224,625,126 4,630,376 5,678,108,509
28-Day Cases
28-Day Deaths
28-Day Vaccine Doses Administered
Wாட்டி பாலா
Che Deaths by
28-Day: 4,201,092 38,200
Totals 20.455,459,970
28-Day: 1,0444,345 11,430
United Kingdom
28 Day: 960,4383,259
28-Day: 386,432116,616
Totalt: 2,704114,311
28 Day: 139,022 17,770
Totals: 20.999,179 58,051
28-Day: 577,093 6,638
28-Day: 576,147 | 8,191
Totals: 1,979,698 20,711
20-Day: 528,77921,751
Total: 7,007,435 189,319
Sowe Pie
Pinky Dan Admin
PIB-Day: 503,917|1,340
otals: 1,41,420 16,814
28-Day: 482,869 6,830
Totals: 1,387,17 14,393
1 +
Purward by Gari
Che-Fatality Ratio
Global Weddon
Tamil Uke
Eu 3:50 Viru பாட்
Tert: FacultoSche..
COVID-19 Dashboard by the Center for Systems Science and Engineering (CSSE) at Johns Hopkins University (JHU]
Total Cases
Total Deaths
Total Vaccine Doves Administered
Last Updated at (M/D/YYYY)
13/09/2021, 1:21 pm
224,625,126 4,630,376
28-Day Cases
28-Day Deaths
CeDeaths by
Country Regionsvereignty
28-Day Vaccine Doses Administered
28-Day: 4,201,092 30,200
Total 5,459,970
28-Day: 1.044,15 11,430
Totali 11.7.1971|442,655
United Kingdom
28 Day: 9:50.4363,259
Total: 7.359,713,525
28-Day: 110,402016,616
Totalt: 5,7 | 114.311

Purchase answer to see full

Haven’t Found The Relevant Content? Hire a Subject Expert to Help You With
SOLUTION: Interactive Data Visualization for Web Report
Post Your Own Question And Get A Custom Answer
Hire Writer
Written Assignments
Get 20% Discount on This Paper
Pages (550 words)
Approximate price: -

Why Choose Us?

Quality Papers

We value our clients. For this reason, we ensure that each paper is written carefully as per the instructions provided by the client. Our editing team also checks all the papers to ensure that they have been completed as per the expectations.

Professional Academic Writers

Over the years, our Written Assignments has managed to secure the most qualified, reliable and experienced team of writers. The company has also ensured continued training and development of the team members to ensure that it keeps up with the rising Academic Trends.

Affordable Prices

Our prices are fairly priced in such a way that ensures affordability. Additionally, you can get a free price quotation by clicking on the "Place Order" button.

On-Time delivery

We pay strict attention to deadlines. For this reason, we ensure that all papers are submitted earlier, even before the deadline indicated by the customer. For this reason, the client can go through the work and review everything.

100% Originality

At Written Assignments, all papers are plagiarism-free as they are written from scratch. We have taken strict measures to ensure that there is no similarity on all papers and that citations are included as per the standards set.

Customer Support 24/7

Our support team is readily available to provide any guidance/help on our platform at any time of the day/night. Feel free to contact us via the Chat window or support email:

Try it now!

Order Now to Get 20% Discount

We'll send you the first draft for approval by at
Total price:

How our best essay writing service works?

Follow these simple steps to get your paper done

Place your order

Fill in the order form and provide all details of your assignment.

Proceed with the payment

Choose the payment system that suits you most.

Receive the final file

Once your paper is ready, we will email it to you.

Our Services

Written Assignments has stood as the world’s leading custom essay writing paper services provider. Once you enter all the details in the order form under the place order button, the rest is up to us.


Cheapest Essay Writing Service

At Written Assignments, we prioritize all aspects that bring about a good grade such as impeccable grammar, proper structure, zero plagiarism and conformance to guidelines. Our experienced team of writers will help you completed your essays and other assignments.


Admission and Business Papers

Be assured that you’ll get accepted to the Master’s level program at any university once you enter all the details in the order form. We won’t leave you here; we will also help you secure a good position in your aspired workplace by creating an outstanding resume or portfolio once you place an order.


Editing and Proofreading

Our skilled editing and writing team will help you restructure your paper, paraphrase, correct grammar and replace plagiarized sections on your paper just on time. The service is geared toward eliminating any mistakes and rather enhancing better quality.


Technical papers

We have writers in almost all fields including the most technical fields. You don’t have to worry about the complexity of your paper. Simply enter as many details as possible in the place order section.