Skip to content

Instantly share code, notes, and snippets.

@damienlabat
Created October 10, 2012 12:03
Show Gist options
  • Save damienlabat/3865183 to your computer and use it in GitHub Desktop.
Save damienlabat/3865183 to your computer and use it in GitHub Desktop.
css file for d3 Categorical Colors
/* colors from https://github.com/mbostock/d3/blob/master/src/scale/category.js */
.d3_category10.i0, .d3_category10 .i0 { background-color:#1f77b4 }
.d3_category10.i1, .d3_category10 .i1 { background-color:#ff7f0e }
.d3_category10.i2, .d3_category10 .i2 { background-color:#2ca02c }
.d3_category10.i3, .d3_category10 .i3 { background-color:#d62728 }
.d3_category10.i4, .d3_category10 .i4 { background-color:#9467bd }
.d3_category10.i5, .d3_category10 .i5 { background-color:#8c564b }
.d3_category10.i6, .d3_category10 .i6 { background-color:#e377c2 }
.d3_category10.i7, .d3_category10 .i7 { background-color:#7f7f7f }
.d3_category10.i8, .d3_category10 .i8 { background-color:#bcbd22 }
.d3_category10.i9, .d3_category10 .i9 { background-color:#17becf }
.d3_category20.i0, .d3_category20 .i0 { background-color:#1f77b4 }
.d3_category20.i1, .d3_category20 .i1 { background-color:#aec7e8 }
.d3_category20.i2, .d3_category20 .i2 { background-color:#ff7f0e }
.d3_category20.i3, .d3_category20 .i3 { background-color:#ffbb78 }
.d3_category20.i4, .d3_category20 .i4 { background-color:#2ca02c }
.d3_category20.i5, .d3_category20 .i5 { background-color:#98df8a }
.d3_category20.i6, .d3_category20 .i6 { background-color:#d62728 }
.d3_category20.i7, .d3_category20 .i7 { background-color:#ff9896 }
.d3_category20.i8, .d3_category20 .i8 { background-color:#9467bd }
.d3_category20.i9, .d3_category20 .i9 { background-color:#c5b0d5 }
.d3_category20.i10, .d3_category20 .i10 { background-color:#8c564b }
.d3_category20.i11, .d3_category20 .i11 { background-color:#c49c94 }
.d3_category20.i12, .d3_category20 .i12 { background-color:#e377c2 }
.d3_category20.i13, .d3_category20 .i13 { background-color:#f7b6d2 }
.d3_category20.i14, .d3_category20 .i14 { background-color:#7f7f7f }
.d3_category20.i15, .d3_category20 .i15 { background-color:#c7c7c7 }
.d3_category20.i16, .d3_category20 .i16 { background-color:#bcbd22 }
.d3_category20.i17, .d3_category20 .i17 { background-color:#dbdb8d }
.d3_category20.i18, .d3_category20 .i18 { background-color:#17becf }
.d3_category20.i19, .d3_category20 .i19 { background-color:#9edae5 }
.d3_category20b.i0, .d3_category20b .i0 { background-color:#393b79 }
.d3_category20b.i1, .d3_category20b .i1 { background-color:#5254a3 }
.d3_category20b.i2, .d3_category20b .i2 { background-color:#6b6ecf }
.d3_category20b.i3, .d3_category20b .i3 { background-color:#9c9ede }
.d3_category20b.i4, .d3_category20b .i4 { background-color:#637939 }
.d3_category20b.i5, .d3_category20b .i5 { background-color:#8ca252 }
.d3_category20b.i6, .d3_category20b .i6 { background-color:#b5cf6b }
.d3_category20b.i7, .d3_category20b .i7 { background-color:#cedb9c }
.d3_category20b.i8, .d3_category20b .i8 { background-color:#8c6d31 }
.d3_category20b.i9, .d3_category20b .i9 { background-color:#bd9e39 }
.d3_category20b.i10, .d3_category20b .i10 { background-color:#e7ba52 }
.d3_category20b.i11, .d3_category20b .i11 { background-color:#e7cb94 }
.d3_category20b.i12, .d3_category20b .i12 { background-color:#843c39 }
.d3_category20b.i13, .d3_category20b .i13 { background-color:#ad494a }
.d3_category20b.i14, .d3_category20b .i14 { background-color:#d6616b }
.d3_category20b.i15, .d3_category20b .i15 { background-color:#e7969c }
.d3_category20b.i16, .d3_category20b .i16 { background-color:#7b4173 }
.d3_category20b.i17, .d3_category20b .i17 { background-color:#a55194 }
.d3_category20b.i18, .d3_category20b .i18 { background-color:#ce6dbd }
.d3_category20b.i19, .d3_category20b .i19 { background-color:#de9ed6 }
.d3_category20c.i0, .d3_category20c .i0 { background-color:#3182bd }
.d3_category20c.i1, .d3_category20c .i1 { background-color:#6baed6 }
.d3_category20c.i2, .d3_category20c .i2 { background-color:#9ecae1 }
.d3_category20c.i3, .d3_category20c .i3 { background-color:#c6dbef }
.d3_category20c.i4, .d3_category20c .i4 { background-color:#e6550d }
.d3_category20c.i5, .d3_category20c .i5 { background-color:#fd8d3c }
.d3_category20c.i6, .d3_category20c .i6 { background-color:#fdae6b }
.d3_category20c.i7, .d3_category20c .i7 { background-color:#fdd0a2 }
.d3_category20c.i8, .d3_category20c .i8 { background-color:#31a354 }
.d3_category20c.i9, .d3_category20c .i9 { background-color:#74c476 }
.d3_category20c.i10, .d3_category20c .i10 { background-color:#a1d99b }
.d3_category20c.i11, .d3_category20c .i11 { background-color:#c7e9c0 }
.d3_category20c.i12, .d3_category20c .i12 { background-color:#756bb1 }
.d3_category20c.i13, .d3_category20c .i13 { background-color:#9e9ac8 }
.d3_category20c.i14, .d3_category20c .i14 { background-color:#bcbddc }
.d3_category20c.i15, .d3_category20c .i15 { background-color:#dadaeb }
.d3_category20c.i16, .d3_category20c .i16 { background-color:#636363 }
.d3_category20c.i17, .d3_category20c .i17 { background-color:#969696 }
.d3_category20c.i18, .d3_category20c .i18 { background-color:#bdbdbd }
.d3_category20c.i19, .d3_category20c .i19 { background-color:#d9d9d9 }
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment