VisuAlgo was conceptualised in 2011 by Associate Professor Steven Halim (NUS School of Computing) as a tool to help his students better understand data structures and algorithms, by allowing them to learn the basics on their own and at their own pace. Together with his students from the National University of Singapore, a series of visualizations were developed and consolidated, from simple sorting algorithms to complex graph data structures. Though specifically designed for the use of NUS students taking various data structure and algorithm classes (CS1010/equivalent, CS2040/equivalent (inclusive of IT5003)), CS3230, CS3233, and CS4234), as advocators of online learning, we hope that curious minds around the world will find these visualizations useful as well.

Dark sky was a great example of embedded dataviz in an everyday app. I really liked how the article presents use cases and links them to information to present, a good reference to help junior UX and other team members understand UI/UX use case articulation.

Dark sky was a great example of embedded dataviz in an everyday app. I really liked how the article presents use cases and links them to information to present, a good reference to help junior UX and other team members understand UI/UX use case articulation.

On different ways to visualize file system usage.

Great interview with Michael Friendly on how the history of data visualization became a research discipline. He walks through the discoveries, forgotten figures, and organizing ideas behind the Milestones Project, and shows how those ideas still shape how we design and read charts today.

Why data visualization matters, and how to make charts more effective, clear, transparent, and sometimes, beautiful.

Saloni Dattani walks through a practical checklist for making visualizations clearer, more honest, and easier to read, with tons of real redesigns and trade-offs you’ll recognize immediately.

This is a thoughtful teardown of a bad temperature chart, followed by nine well-justified redesigns with full ggplot examples.

Line charts, anomaly bands, distributions, and heatmaps show how encoding choices shape interpretation in practice.

An interactive visualization opens up new ways of exploring and sheds a new light onto the evolution of Leonardo Da Vinci’s thoughts

An interactive visualization opens up new ways of exploring and sheds a new light onto the evolution of Leonardo Da Vinci’s thoughts

This is an interactive, browser-based editor that allows users to create, customize, and configure complex data-driven choropleth and other map visualizations using the amCharts JavaScript library.

We create gorgeous data-led stories

Evidence is an open source, code-based alternative to drag-and-drop BI tools. Build polished data products with just SQL and markdown.

Perform automated data exploration with a painter-like interface, use the Data Painter feature in RATH.

Charts.css is a modern CSS framework. It uses CSS utility classes to style HTML elements as charts.