d3-scale-chromatic vs open-color

d3-scale-chromatic

Sequential, diverging and categorical color scales. (by d3)

Suggest topics

Source Code

d3js.org

Suggest alternative

Edit details

open-color

Color scheme for UI design. (by yeun)

Color color-scheme Scss adobe-library swatches Stylus

Source Code

yeun.github.io

Suggest alternative

Edit details

SurveyJS - Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App

With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

surveyjs.io

featured

InfluxDB - Power Real-Time Data Analytics at Scale

Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.

www.influxdata.com

featured

d3-scale-chromatic		open-color
	Project
5	Mentions	2
793	Stars	5,204
0.1%	Growth	-
5.0	Activity	0.0
2 months ago	Latest Commit	5 months ago
JavaScript	Language	Handlebars
GNU General Public License v3.0 or later	License	MIT License

The number of mentions indicates the total number of mentions that we've tracked plus the number of user suggested alternatives.
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.

d3-scale-chromatic

Posts with mentions or reviews of d3-scale-chromatic. We have used some of these posts to build our list of alternatives and similar projects. The last one was on 2023-11-30.

How to pick more beautiful colors for your data visualizations
2 projects | news.ycombinator.com | 30 Nov 2023
TypeScript, VisX
1 project | /r/d3js | 16 Apr 2023

Effectively what you’ll want to do is use one of the helper functions like scaleLinear combined with d3-scale-chromatic. Take the min and max of the temperatures to set your domain to the linear scale and then apply that to an interpolator (something like interpolateRdBu from https://github.com/d3/d3-scale-chromatic). Then add your styling through CSS/React!
How can better diversify the colors on my heat map?
2 projects | /r/learnjavascript | 8 Apr 2021

here's a great programmatic way of consuming color scales: https://github.com/d3/d3-scale-chromatic
Emacs as your code-compass: who can I ask for help?
1 project | /r/emacs | 29 Jan 2021

I had some difficulty telling colors apart in the xmonad diagram, did you consider using a categorical scale?
Introducing colorgrad, Rust color-scales library
3 projects | /r/rust | 12 Jan 2021

The original names in D3 is snake case like YlGnBu, PiYG, PuOr. See: https://github.com/d3/d3-scale-chromatic/

open-color

Posts with mentions or reviews of open-color. We have used some of these posts to build our list of alternatives and similar projects. The last one was on 2023-11-30.

How to pick more beautiful colors for your data visualizations
2 projects | news.ycombinator.com | 30 Nov 2023

I would also like to mention Open-colors https://yeun.github.io/open-color
Open color – an open-source color scheme
1 project | news.ycombinator.com | 19 May 2023

These are nice! Well-coordinated. If you just want the raw CSS, that's here[0].
[0] https://github.com/yeun/open-color/blob/master/open-color.cs...

What are some alternatives?

When comparing d3-scale-chromatic and open-color you can also consider the following projects:

d3-scale - Encodings that map abstract data to visual representation.

Coloris - A lightweight and elegant JavaScript color picker. Written in vanilla ES6, no dependencies. Accessible.

colorgrad-rs - Rust color scales library

light-blue-dashboard - 🔥 Free and open-source admin dashboard template built with Bootstrap

visual-system-simulator - Framework for simulating deficiencies and other aspects of the human visual system

bootstrap-dark-5 - The Ancillary Guide to Dark Mode and Bootstrap 5 - A continuation of the v4 Dark Mode POC.

srcery-terminal - Srcery theme terminal configurations

colors.lol - overly descriptive color palettes

sing-app - 💥Free and open-source admin dashboard template built with Bootstrap 4.5 💥

hamlet - Development environment for creating Blogger templates with handlebars, which includes an example template with best practices that a true Blogger developer should follow.

ux-primitives - UX Primitives is a core graphic and color abstraction for Angular Rust