syntagmatic/README.md

## README.md

      
    Raw
  

              README.md
            
          
    A section of the Lab color space.
Examples


Every ColorBrewer Scale
Matplotlib Colormaps
ColorBrewer Spline
ColorBrewer Spline II
Cubehelix Color Picker
HSL Color Picker
HCL Color Picker
Lab Color Picker
RGB Color Picker
A Less-Angry Rainbow
Cubehelix II
Lab and HCL Color Spaces

API References


d3.interpolateViridis et al
d3 scale chromatic
d3.color
d3.rgb
d3.hsl
d3.lab
d3.hcl
d3.cubehelix
d3.hsv


## index.html
<!DOCTYPE html>
<meta charset="utf-8">
<style>
</style>
<body>
<canvas id="painting" width=960 height=500>
<script src="https://d3js.org/d3.v4.0.0-alpha.45.js"></script>
<script src="https://d3js.org/d3-hsv.v0.0.js"></script>
<script src="https://d3js.org/d3-scale-chromatic.v0.3.js"></script>
<script>
var canvas = document.getElementById("painting");
var ctx = canvas.getContext("2d");

d3.range(0, canvas.width).forEach(function(x) {
  d3.range(0, canvas.height).forEach(function(y) {
    ctx.fillStyle = d3.lab(65, -100+200*x/canvas.width, -100+200*y/canvas.height);
    ctx.fillRect(x, y, 1, 1);
  });
});
</script>

## thumbnail.png

      
    Raw
  

              thumbnail.png
	<!DOCTYPE html>
	<meta charset="utf-8">
	<style>
	</style>
	<body>
	<canvas id="painting" width=960 height=500>
	<script src="https://d3js.org/d3.v4.0.0-alpha.45.js"></script>
	<script src="https://d3js.org/d3-hsv.v0.0.js"></script>
	<script src="https://d3js.org/d3-scale-chromatic.v0.3.js"></script>
	<script>
	var canvas = document.getElementById("painting");
	var ctx = canvas.getContext("2d");

	d3.range(0, canvas.width).forEach(function(x) {
	d3.range(0, canvas.height).forEach(function(y) {
	ctx.fillStyle = d3.lab(65, -100+200x/canvas.width, -100+200y/canvas.height);
	ctx.fillRect(x, y, 1, 1);
	});
	});
	</script>