Giter Club home page Giter Club logo

Comments (4)

Fil avatar Fil commented on July 28, 2024

One can retrieve the color schemes directly from https://github.com/mikeperrins/cmocean-LUT-ImageJ:

const lut = name => d3.tsv(
      `https://raw.githubusercontent.com/mikeperrins/cmocean-LUT-ImageJ/master/${name}.lut`,
      d => d3.rgb(d["Red"], d["Green"], d["Blue"])
    )
    .then(l => t => l[(t * 256) | 0]);

const l = await lut("Ice");

l(0.5).toString(); // "rgb(66, 122, 183)"

(see https://observablehq.com/@fil/cmocean )

the next step would be to extract key colors for the spline interpolation:
https://bl.ocks.org/mbostock/048d21cf747371b11884f75ad896e5a5

from d3-scale-chromatic.

Fil avatar Fil commented on July 28, 2024

The monotone RGB interpolation on 11 evenly-spaced control points is almost perfect for: Algae, Amp, Delta, Dense, Gray, Ice, Matter, Solar, Speed, Tempo, Thermal, Turbid.

For Haline, Phase we might need a few more control points or adjustments.

For Balance, Curl, Deep, Oxy, however, the interpolation strategy can't reproduce the brutal transitions, and it will need a bit more work (cutting each of them in two or three parts interpolated separately then rejoined), or we could have them as a 256-color array, depending on which approach gives the smallest file size(?).

from d3-scale-chromatic.

Fil avatar Fil commented on July 28, 2024

See also https://observablehq.com/@fil/cmasher for the CMasher collection (https://cmasher.readthedocs.io/)

from d3-scale-chromatic.

Fil avatar Fil commented on July 28, 2024

And colorcet: https://observablehq.com/@fil/colorcet

Collection of color schemes: https://observablehq.com/collection/@fil/color-schemes

from d3-scale-chromatic.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.