# Sorting algorithms visualisation

**URL:** https://discourse.processing.org/t/sorting-algorithms-visualisation/8686
**Category:** Gallery
**Created:** [February 24, 2019, 10:09am UTC](https://discourse.processing.org/t/sorting-algorithms-visualisation/8686 "2019-02-24T10:09:30Z")
**Posts on this page:** 1
**Showing post:** 3

<div class="post-metadata">

### Author: ![jeremydouglass](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.processing.org/jeremydouglass/32/20_2.png) [@jeremydouglass](https://discourse.processing.org/u/jeremydouglass)
#### Post date: [February 24, 2019, 7:39pm UTC](https://discourse.processing.org/t/sorting-algorithms-visualisation/8686/3 "2019-02-24T19:39:28Z")

</div>

I enjoyed the sound effects – also, the ability to switch views.

The circle arcs change radius as they move, while the bars do not change height as they move. Why is the circle view doing that? It hides the fact that the sort has taken place at the conclusion.

You might be interested in past discussions of visualizing sorting

> [@Array Sorting visually](https://discourse.processing.org/t/array-sorting-visually/803):
>
> Hi everyone! This is my first topic, hoping not to do something wrong. I was trying to develop a simple sketch that shows in real time the sorting algorithms of an array of integers, through simple vertical lines which length represents the value of the i-th element of the array. My problem is this: I’m not able to show the algorithm in real time. My idea was to use the redraw() function at the end of each iteration of the sorting algorithm, but it doesn’t work. The sketch only shows, after a …

…that includes a link list to several even older examples with different approaches.

They are mainly Processing. not p5.js, but still interesting.

---

_[View the full topic](https://discourse.processing.org/t/sorting-algorithms-visualisation/8686)._