投稿記事

Categorical Colors

21 May 2014

d3.jsの組み込み配色

  1. category10
  2. category20
  3. category20b
  4. category20c

<使い方>

// category10の配色を指定
var color10 = d3.scale.category10();
// 色の指定
color10(2) // #2ca02c

// カスタム配色設定 
var custom = d3.scale.ordinal()
               .domain([0,1,2,3,4])
               .range(["#E6FF36","#6CA1FF","#25E885","#E89C25","#FF2929"]);
custom(1); // 色の指定