OXFORD UNIVERSITY PRESS

Interactive Data & Learning Interfaces

A selection of interactive learning experiences, simulations, and visualizations designed and developed for OUP digital textbooks

Role

Developer, Designer

Skills

Javascript, HTML/CSS, Data Visualization, Accessibility/WCAG 2.2, D3.js, AmCharts.js, Plotly.js

Context

Designed and developed interactive front-end experiences for Oxford University Press digital learning platforms, including data visualizations, simulations, SVG animations, and reusable educational interfaces integrated into large-scale higher-education products.

All projects were designed with responsive behavior, semantic structure, and WCAG accessibility considerations in mind.

Sound Wave Visualization

Interactive sound-wave simulation allowing users to manipulate and combine audio frequencies in real time. Built using the Web Audio API and Plotly.js to dynamically visualize waveform behavior and demonstrate principles of wave summation through responsive graph updates and audio playback.

Circuit Flow Simulation

Designed and developed an interactive SVG-based circuit simulation with dynamic user-controlled states and animated visual feedback using JavaScript and CSS animations

Decision Tree CMS Component

Reusable decision-tree interface built with D3.js and integrated into an internal CMS, enabling editors to independently create and manage complex interactive diagrams for ebooks and digital learning resources without developer support.

Probability Distribution Simulation

Reusable decision-tree interface built with D3.js and integrated into an internal CMS, enabling editors to independently create and manage complex interactive diagrams for ebooks and digital learning resources without developer support.

Chemical Bond Visualization

Interactive SVG-based chemistry visualization demonstrating molecular bond characteristics through real-time calculations and dynamically updated graphical states. Features responsive slider controls and animated transitions to support exploratory learning and user interaction.