Visual Data Navigation Through Academic Modules

Using D3.js, it is possible to create interactive visualisations of large and complex datasets for the web.  It can also be used to create novel navigation interfaces.  So, in this example, it was used to create a navigation interface to individual taught modules in Waterford Institute of Technology.

This was achieved using a collapsible tree structure, one of the options offered natively within the D3.js library.  The effect is to make the navigation down to a specific module, both easy and visually pleasing.

Try for yourself.


D3.jsD3.js is a  JavaScript library for manipulating documents based on data. D3 helps you bring data to life using HTML, SVG, and CSS. D3’s emphasis on web standards gives you the full capabilities of modern browsers without tying yourself to a proprietary framework, combining powerful visualization components and a data-driven approach to DOM manipulation.



Leave a Reply

Your email address will not be published. Required fields are marked *

Pin It on Pinterest

Share This