Public Health Curriculum & Knowledge Explorer

I worked on the stability of the 3D experience under repeated operation. Continuous node dragging, repeated selection and successive exploration of the curriculum needed consistent interaction state and responsive behavior throughout a demonstration. This stability work formed part of my frontend delivery, alongside the highly customized visual presentation and rendering performance requirements.

Left-click, right-click and double-click each had their own operation, alongside free node dragging. I worked on distinguishing and coordinating these interaction paths so one gesture would not unintentionally trigger another operation. The number of event bindings also affected performance, making event handling part of the repeated-interaction stability work for the demonstration.

Different majors can share the same course, including common courses taken across programmes. The relationship model needs to distinguish a course from its membership in several majors, while retaining the knowledge points belonging to that course.

A shared course can connect to many majors. Showing every relationship with the same emphasis can make a 3D view difficult to read. The design challenge is to preserve the overall structure while making an individual major, course and its knowledge points understandable.

The 3D presentation and the React course interfaces describe the same educational content. A course’s identity and its major relationships need to remain consistent across these views; the curriculum structure and a student’s course selection represent different kinds of state.

The demonstration screen had high UI-reproduction requirements, including customized labels. The appearance of the sphere nodes, connections and labels needed to follow the requested design consistently throughout the interactive view.