Published
Edited
Jun 25, 2021
DOM.download(serialize(colors), "currentcolors", "Download Palette")
presetobjects = [{ prename : 'Use Current Sliders', colorvals : colors},
{ prename : 'pointyhex-compass-hsl', colorvals : {a: "rgba(255, 128, 0, 0.5)",b:"rgba(128, 255, 0, 0.5)",c:"rgba(0, 255, 128, 0.5)",d:"rgba(0, 128, 255, 0.5)",e:"rgba(128, 0, 255, 0.5)", f:"rgba(255, 0, 128, 0.5)"}},
{ prename : 'flathex-compass-hsl', colorvals : {a:"rgba(255, 0, 0, 0.5)",b:"rgba(255, 255, 0, 0.5)",c:"rgba(0, 255, 0, 0.5)",d:"rgba(0, 255, 255, 0.5)",e:"rgba(0, 0, 255, 0.5)",f:"rgba(255, 0, 255, 0.5)"}},
{ prename : 'yu-triadic-rgb', colorvals : {a:"rgba(0, 52, 107, 0.5)",b:"rgba(164, 134, 0, 0.5)",c:"rgba(164, 34, 0, 0.5)",d:"rgba(0, 109, 73, 0.5)",e:"rgba(8, 0, 114, 0.5)",f:"rgba(164, 98, 0, 0.5)"}},
{ prename : 'yu-as00deg-rgb', colorvals : {a:"rgba(0, 52, 107, 0.5)",b:"rgba(54, 144, 0, 0.5)",c:"rgba(164, 153, 0, 0.5)",d:"rgba(164, 98, 0, 0.5)",e:"rgba(151, 0, 35, 0.5)",f:"rgba(53, 0, 111, 0.5)"}},
{ prename : 'yu_as30deg-rgb', colorvals : {a:"rgba(0, 52, 107, 0.5)",b:"rgba(52, 0, 107, 0.5)",c:"rgba(107, 0, 52, 0.5)",d:"rgba(107, 52, 0, 0.5)",e:"rgba(52, 107, 0, 0.5)",f:"rgba(0, 107, 52, 0.5)"}}
]
import {serialize} from "@palewire/saving-json"
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.
