Using eon-chart for testing gauge chart for realtime updates with PubNub and C3
This uses the included PubNub library to pubnub.publish() packets to the pubnub.subscribe() call waiting inside the C3 framework.
You probably want to publish data from the back-end instead. Check out our docs for more info: http://www.pubnub.com/documentation/
Grouping an array using lodash _.groupBy.
Creates an object composed of keys generated from the results of running each element of collection through iteratee. The corresponding value of each key is an array of the elements responsible for generating the key. The iteratee is bound to thisArg and invoked with three arguments: (value, index|key, collection).
Testing keypress events using Mousetrap, a simple library for handling keyboard shortcuts in Javascript.
Numbers 0 to 9 will render Japanese equivalent using unicode characters. To hear audio of Japanese numbers
Time tables practice for my youngest. I've been using playing cards (normal deck), which are fantastic and this is based of the same idea; where I still work with him and see if he beats the machine—no scoring, just fun practice.
You can filter the sets at the top, by deselecting any to be excluded. And change speed via buttons in footer.
Modified sketch of individual transitions to incorporate the using data to render and apply the circles to the DOM (but ignored from the browser), and use p5 to paint to the canvas.
My youngest is always asking me, 'how old will you be when I'm x years? and by brother/sister is x years
So this sketch is for him! but it was weird doing it, actually made me pause.
Used moment.js to calculate the dates; no real need though, as they were just subtractions—but handy if I do anything more detailed with the sketch.
The nav/options are an array (caled dates in the code) that can just be added to and changed, and the rest get's worked out and displayed.
Updated previous bl.ock which used transparent circles——this version using voronoi
Note: Toggle grid via button top right.
Inspiration:
This is my first draft/sketch for a chart to show authors, as they appear on each ang/page of the Sri Guru Granth Sahib. Each bar represents a page, there is a legend to filter the authors.
Testing legend with scroll for an overtly long legend. Test has simple fade out of lines on click of legend item, and moves the legend on roll over of bar lines. Use the slider to increase/decrease the lines and keys in legend.
setInterval to update at random time, within the second half of the minute. e.g. to help spread server load
If FAIL, set time-out to ensure PASS If PASS, set interval to reload every 60 seconds
*View browser console for feedback
