Online Test Results for 2023 TIMSS Assessment
Timeline: Sep 2024 | Visit link
Description: Worked with Boston College’s TIMSS programs to create and expand a data viz system that allowed international researchers to interact with test data. I coded over 40 pages in total.
Technical summary:
Created 7 templates that were applied across 42 pages to show test results in single page applications
Built the system with pure JavaScript (with D3.js), CSS, and HTML.
Worked with Boston College to build upon the initial work done in 2023, as well as copy examples of the pdfs given.
Coding with interactive data
I developed interactive versions of the data, basing my design off of PDFs.
Taking charge of the UX, UI, and coding, I tailored the pages to be intuitive for my target audience, which ended up being researchers spread across the world and different technological contexts.
Interaction designs conventions like tooltips and hover states were used to make the experience seamless for the users.
Creating a Style Guide
Part of the challenge was adapting the interactive system to be used across dozens of pages; 7 templates were created at the end of the process, and ensuring consistency and quality among all of them was a priority from the start.
List of pages:
Template 1 | Variation 1 | Variation 2 | Variation 3
Template 2 | Variation 1 | Variation 2 | Variation 3
Template 4 |
Template 5 |
Recreating functionality
For the data management aspect, I implemented search, sorting, and filtering functionalities using D3.js. This enhances the user’s ability to display extensive data exactly how they wanted to; an interesting case was the fact that comparing one’s country to another was a popular feature.
The searching and sorting of detailed data required lots of cleaning to ensure the accuracy and reliability. There were lots of outliers and exceptions and special cases that needed to be accounted for.