D3.js implementation of the color wheel UI found on http://color.adobe.com, formerly known as Adobe Kuler
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
bower_components Repo'ing bower Mar 23, 2015
.gitignore
LICENSE Create LICENSE Apr 29, 2017
README.md Update README.md Oct 17, 2016
bower.json Set version to 0.0.1 -- this won't be a versioned package Oct 17, 2016
colorwheel.gradient.js Selector utilities Nov 16, 2015
colorwheel.js
colorwheel.mode.js Selector utilities Nov 16, 2015
colorwheel.theme.js
index.html Breaking data binding out into it's own function May 15, 2015
wheel.css
wheel.png
wheel.scss Remove overflow hidden on root Oct 17, 2016

README.md

Color Wheel with D3

Reconstruction of the color wheel UI found on http://color.adobe.com (formerly known as Kuler) using D3.js.

Demo

http://benknight.github.io/kuler-d3/

Usage

By specifying a number of colors:

var colorWheel = new ColorWheel('.colorwheel');
colorWheel.bindData(5);

or, with preexisting color values:

// Use any valid tinycolor input
// More: github.com/bgrins/TinyColor
var data = [
  'red', 
  '#0ff', 
  {r: 0, g: 255, b: 0},
  {h: 220, s: 1, v: 1},
  {h: 300, s: 1, l: 0.5},
  'hsl(0, 100%, 50%)'
];

var colorWheel = new ColorWheel('.colorwheel');
colorWheel.bindData(data);