d3 and parse mashup

This is an interesting mashup of a number of topics covered on this site.

The target is to build an app that

Retrieves color scheme data from a parse.com database, much like the app in Color scheme explorer
Given a target color, either by clicking on some color or entering a hex code, finds the nearest match(es) in the chosen scheme, and creates palettes based on hue, saturation and lightness using a chosen color model such as hsl or lch.
Uses a D3.js arc partition chart to display the palettes, using color transitions when flipping between charts.
Provides color properties for any element of the partition chart when hovering over it, much like in Playing around with GAS color
Picks up the javaScript code for color comparison from Google Apps Script, rather than from a cdn. In other words - takes code out of Google Apps Script, and runs it locally.
Makes use of jQuery promises to manage all the asynchronous activity.
Uses toolTipsy to show color properties.

Here's a snap of the thing. Given an input color the parameters here will

Use the Pantone Fashion Home color scheme
Use the LABch color model
Create palettes for hue, saturation and lightness, consisting only of members of chosen scheme
Base the palettes on the 4 nearest in scheme colors to the target color
Pop up color parameter data on hovering over a color
Clicking on any color in the chart will cause it to be redrawn using the clicked on color as target.
Changing scheme will show the same chart, but based on the newly selected scheme

For more about d3.js, see d3.js

For more about parse.com, see Parse.com

The color manipulation modules are hosted on and served up by Google Apps Script. For more about color functions see Playing around with GAS color

For more color stuff, see Color Fiesta

For help and more information join our forum,follow the blog or follow me on twitter .

Learning Apps Script, (and transitioning from VBA) are covered comprehensively in my my book, Going Gas - from VBA to Apps script, All formats are available from O'Reilly, Amazon and all good bookshops. You can also read a preview on O'Reilly

If you prefer Video style learning I also have two courses available. also published by O'Reilly.
Google Apps Script for Developers and Google Apps Script for Beginners.

Comments

Desktop Liberation