aelveborn / Wii-Scale

Turns your Wii Balance Board into a scale and presents your weight on a responsive website. Runs Linux and works on your Raspberry Pi.
http://aelveborn.github.io/Wii-Scale/
GNU General Public License v2.0
116 stars 27 forks source link

Add bar graph to display #6

Closed tdack closed 8 years ago

tdack commented 8 years ago

This adds a graph of the last 21 user weight entries to the display.

It uses d3.js to generate an SVG bar graph. When entries are added or removed the graph will update as required. SVG should be responsive in size across different display sizes.

It uses the D3 update, enter, exit general update pattern to re-use elements or add & remove them when data changes.

screen shot 2015-07-25 at 1 46 31 pm

aelveborn commented 8 years ago

It's a nice addition but the plan has always (though not communicated) to present the data as a line chart with chartist library. This is a pure ecstatic choice since I want the design language to be coherent. If I dont have time to finish it there will be a branch up soon if that would interest you.

tdack commented 8 years ago

That's OK. Looking at chartist it is a bit lighter than D3.js. I only went with D3 because I had used it before and was familiar with it, working out how to use it with Angular took most of the effort.

Great project too. Thanks.

aelveborn commented 8 years ago

The new version with the chartist graph is now published. Feel free to try it out. And also, I have added some enhancements I need some help with if you are interested.