Recreating the "The history of the world's best Go players" bar graph

Joey

Hey I wanted to know everyone's opinion on recreating the bar graph concepts in this video:

The concepts itself are pretty simple, but here are a list of things I see done in the video:

1. Animates the entire graph over a time period of approximatly 42 years.
2. Bars move up/down when a greater value is detected.
3. None of the bars ever touch. It has a fixed position showing a maximum of 10
4. Graph x axis warps depending on the min/max values of the player's ratings
5. Not relating to the graph itself, but there is also a counter in the top right that shows the current time

I guess this is more of a thought experiment. I heard the guy who created also used Processing for this video!

TfGuy44

Processing is the ideal tool for something like this.

jeremydouglass

@Joey -- this is all quite doable -- although you would want to make sure that you had the data, and in the right format.

If you wanted to experiment with using a graphing / plotting library for Processing to implement parts of the bar chart logic, check out:

• Grafica e.g. the uniform distribution example, http://jagracar.com/sketches/multiplePlots.php
• giCentre Charts http://www.gicentre.net/utils/chart/
• possibly relevant, HiVis https://github.com/OliverColeman/hivis

kfrajer

Something like this was already partially implemented here: https://forum.processing.org/two/discussion/20959/how-to-fix-my-graph/p1

Instead of horizontal bar plots, they are vertical. It also detects the max value in each data set. There are three data sets loaded and you can display them one by one based on mouse click events.

Kf

Joey

Grafica is very interesting :)

Is there any kind of documentation or api reference for it? I looked at the github and the readme is pretty barebones...I'm guessing i'll have to learn it through the examples and reading the source code