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

Example

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
d3.js a

Live example


parse d3 mashup


The code

For more about d3.js, see d3.js

main code

Library

For more about parse.com, see Parse.com

parse library


GAS code

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

google apps script color functions


For more color stuff, see Color Fiesta
For help and more information join our forum,follow the blog or follow me on twitter .

You want to learn Google Apps Script?

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'ReillyAmazon 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.


For help and more information join our forumfollow the blogfollow me on twitter
Comments