Based on example from Generative Design Hello, Color P.1.0 book
The ability to directly influence 16, 777, 216 colours gives us amazing freedom. Simultaneous contrast–without which it would be be possible to perceive colors–is illustrated here by juxtaposing a number of color combinations...
The x-value of the mouse position defines the size of the inside colour field, the y-value the hue.
Testing out Tadashi Tokieda's examples in his Moiré Patterns video applied to poisson-disc sampling
A duplicated pattern can be rotated to reveal Freaky Dot Patterns
code sources:
Simple test using oboejs for 'loading JSON using streaming, combining the convenience of DOM with the speed and fluidity of SAX'.
Pulling in data fromthe guardian open platform api with filter for articles containing keyword/filter 'code'.
Web Audio API to apply music frequency as the data to fuel the visualisation – based on Gary Smith's terrific post.
I needed some simple yes/no buttons that could be dropped into a prototype UI.
These toggle boolean yes and no buttons can be added into DOM as reusable UI elements. They can be passed custom click events.
Call the function and pass in container/selection as the argument:
var myButtons = noYesBtns('#some-id');
Just two simple questions to prioritise tasks, using Eisenhower’s strategy matrix.
"Using the decision matrix, you will separate your actions based on four possibilities.
The great thing about this matrix is that it can be used for broad productivity plans (“How should I spend my time each week?”) and for smaller, daily plans (“What should I do today?”)"
Simple example using W javascript library for responsive development with d3.js
Test by changing browser dimensions or rotating mobile. The rectangle remains the 1:4 ratio of the viewport.
Constructing d3.rgb(r, g, b) using d3.svg.arc() to compare darker, normal and brighter variations
Sources:
'A Bubble Chart is a multi-variable graph that resembles a combination of a Scatter plot and a Proportional Area Chart.' This example is split into a quadrant colouring the circles depending on the quadrant they fall into.
More info on Bubble Chart Chart built on d3fc
The area of each country using a circle at the countries centroid, based of County Circles bl.ock
Red dot is Japan