The final project includes the following deliverables:
- Demonstration
- Presentation
- Paper
- Video
| Level | Description |
|---|---|
| Sophisticated | GIT is used well by all members of the team. Node.js, d3.js, Bootstrap and one of React, Angular, or Vue.js are well used. Project information set-up, deployment and code base (including presentation) is well documented in README. Project summary is well included in README.md. (4-5 pts). |
| Competent | GIT is not well used by all members of the team. Node.js, d3.js, Bootstrap and one of React, Angular, or Vue.js are not well used. Project information set-up, deployment and code base (including presentation) is not well documented in README. Project summary is not well included in README.md. |
| Needs work | GIT is not used by all members of the team. Node.js, d3.js, Bootstrap and one of React, Angular, or Vue.js are not used. Project information set-up, deployment and code base (including presentation) are not documented in README. Project summary is not included in README.md. (0-1 pts). |
The demonstration will be deployed on a website. Minimum visualizations required:
- 1 responsive d3 chart
- 1 interactive d3 chart
- 1 d3 chart with an animated transition
- 1 d3 layout (must be different from a line chart, histogram or other graphs that are readily generated with a simple generator)
- 1 d3 map
- 1 Mapbox map
| Level | Description |
|---|---|
| Sophisticated | Website works well. Layout is well thought, pages are well designed with a good story flow, forms are well adapted to the information, information displays are well formed and support well visual queries, colors are well used, title, legend, axes are well formatted. All required visualizations are included and working well. (4-5 pts). |
| Competent | Website does not work well. Layout is not well thought, pages are not well designed with a good story flow, forms are not well adapted to the information, information displays are not well formed and do not support well visual queries, colors are not well used, title, legend, axes are not well formatted. All required visualizations are not included and not working well. (2-3 pts). |
| Needs work | Website does not work. Layout is not thought, pages are not designed with a good story flow, forms are not adapted to the information, information displays are not formed correctly and do not support visual queries, colors are not used, title, legend, axes are not formatted. All required visualizations are not included and not working. (0-1 pts). |
Students will present their projects to the class using the PechaKucha presentation format. The images advance automatically and you talk along to the images. You cannot use bullets in any of your slides. The presentation is created with Sozi. Presentations should include the following:
- Cover slide (used to start the presentation manually, not included in time) including title, group name, names and emails
- Introduction leading with 10 words on what your visualization is about. Explain who is it addressed to, why it is interesting, original, useful.
- Explain who did what.
- Explain the data and topic as needed to understand the project.
- Explain the research you have done, what others have done in the same topic, other topics that are relevant.
- Explain how your work is original.
- Explain your design process, rationale for the layout, story, choice of forms, how you optimized the visual queries and user interaction.
- Highlight what you have built with d3 and other tools including framework, and node, pythons tools, etc. you used.
- Explain what you would have done differently.
| Level | Description |
|---|---|
| Sophisticated | Project is well presented, addresses all the requirements well. The transcript of the presentation is well written. (4-5 pts). |
| Competent | Project is not well presented, does not addresses all the requirements well. The transcript of the presentation is not well written. (2-3 pts). |
| Needs work | Project is not presented, does not addresses all the requirements. The transcript of the presentation is not written. (0-1 pts). |
Students should write a final paper about the project as if they were submitting it to a conference for publication. The papers should be written in the LNCS format and should be at most 5 pages long. The paper should be organized as a publication, with sections for the introduction, related work, data, approach (including design, technical considerations, development and evaluation), system (the demonstration), conclusions and references. Each article should be clearly written using concise language. The paper should be written in latex in Overleaf.
| Level | Description |
|---|---|
| Sophisticated | Article is created in Overleaf, is well written and organized, figures and tables are well formed, presents all important project information well. (4-5 pts). |
| Competent | Article is not fully created in Overleaf, is not well written and organized, figures and tables are not well formed, does not present all important project information well. (2-3 pts). |
| Needs work | Article is not created in Overleaf, is not fully written, is not organized, figures and tables are missing or not well formed, does not present all important project information. (0-1 pts). |
Students should produce a 5-minute (or less) video of their demo and upload it to YouTube. The video should present the most important aspects of the project and demonstrate the most important features. Optionally, the video can be integrated in the website.
| Level | Description |
|---|---|
| Sophisticated | Video is well produced, presents the most important aspects of the project well and demonstrate the most important features well. (4-5 pts). |
| Competent | Video is not well produced, does not present the most important aspects of the project well and does not demonstrate the most important features well. (2-3 pts). |
| Needs work | Video is not well produced, does not present the most important aspects of the project and does not demonstrate the most important features. (0-1 pts). |