Explorable Explanations for Adjacency Matrix

Explores the opportunity of using explorable explanations as medium for teaching visualisation techniques using a single-page application (SPA). Explorable explanations aims to engage readers learning their text-based materials using interactive widgets and animations. I carried out an iterative design process and eventually created an explorable explanation for one of the visualisation techniques – adjacency matrix. The SPA delivered uses Tailwind CSS, HTML Canvas, D3.js and Typescript, with a self-made UI framework.