The avatar for @cadasa
cadasa
Public
Edited
Apr 23, 2023
Fork of WASM-ImageMagick Extract Color Palette From Image
1 star
1
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
ramp2(Rainbow)
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
extr = FileAttachment("extracted_colors (2).json").json()
Insert cell
Insert cell
Insert cell
extract2 = colorsParsed.map(e => ([d3.color(d3.hsl(e[5]).hex()).r, d3.color(d3.hsl(e[5]).hex()).g, d3.color(d3.hsl(e[5]).hex()).b]))
Insert cell
Insert cell
cp1 = copyToClipboardButton(
colorsParsed.map(e => d3.hsl(e[5]).hex()),
"Copy colors to clipboard"
)
Insert cell
dl = button(colorsParsed.map(e => d3.hsl(e[5]).hex()), 'extracted_colors.json')
Insert cell
cp2 = copyToClipboardButton(
lnr_data,
"Copy colors to clipboard"
)
Insert cell
dl2 = button(lnr_data, 'std_linear_colors.json')
Insert cell
Insert cell
cp3 = copyToClipboardButton(
percep_data,
"Copy colors to clipboard"
)
Insert cell
dl3 = button(percep_data, 'perpetual_colors.json')
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
import { magickImage } from "@radames/wasm-imagemagick-helper"
Insert cell
import { copyToClipboardButton } from '@radames/copy-to-clipboard-button-hack'
Insert cell
import { ramp as ramp1 } from "@mbostock/color-ramp"
Insert cell
import { ramp as ramp2 } from "@fil/perceptually-uniform"
Insert cell
import {form} from "@mbostock/form-input"
Insert cell
import {drawSplineGradient, drawLinearGradient, drawSamples, ramp, createContext} from "@mattdesl/perceptually-smooth-multi-color-linear-gradients"
Insert cell
Insert cell
d3 = require("d3@6")
Insert cell

Purpose-built for displays of data

Observable is your go-to platform for exploring data and creating expressive data visualizations. Use reactive JavaScript notebooks for prototyping and a collaborative canvas for visual data exploration and dashboard creation.
Learn more