D3.js data visualization

Your application should meet the requirements listed in the table below:

Number Requirement

R1 Use of three different D3 layouts in a single dashboard

R2 Use of automatic scaling of all axes in a single layout during data update.

R3

Use of cross-layout brushing in which moussing over one data point in one chart highlights multiple

associated data points in another chart. Note: you must use a different combination of layouts than the

ones provided in lab examples.

R4 Use of bidirectional interaction between three charts

R5

Faceted selection interaction between two layouts (in which mouseover or click in one layout results in

data being filtered in a second layout).

R6 Use of a map layout that has interaction with another layout.

R7 Use of scalar data on a map (e.g. circles of different sizes to indicate different weightage).

R8

Use of cross-layout brushing in which dragging a rectangle over several data points in one chart

highlights multiple associated data points in another chart.

R9

Use of a clustering analysis

1. Web-based application written in D3 (vs 7) is required. No php or server-side code should be used.

2. The application needs to be accompanied by a report

3. The layout and user interaction should be intuitive to the user .

4. In particular, transitions should be used to let the viewer know what data are new, changing, or exiting.

5. Marks are awarded for creativity of Visualization techniques (Not for the website design) .

6. The student/project should show evidence of having detailed and critical knowledge of design patterns presented in the course and applied in the project.

7. The student/project should provide a critical analysis of the developed application (e.g. what are the

limitations, improvements).

8. You must use version 7+ of D3. You will get 0 marks if you use an older version (e.g., v4/5/6).

9. JavaScript compiled from other languages (e.g. TypeScript) is not allowed. If such compilation is used, the project will be disqualified and awarded a mark of 0.

10. The project (code) and report must be comprehensively documented and detailed.

HTML5 D3.js Dthreejs

ID do Projeto: #33351071

Sobre o projeto