Platform
Resources
Pricing
Sign in
Get started
Matthieu Viry
Workspace
Fork
Public
Dicopal.js
By
Matthieu Viry
Edited
Nov 4, 2024
Paused
MIT
8 stars
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
html
`${
getUnbalancedColorSchemeAndMakePalette
(
"Balance"
,
12
,
5
)
}`
Insert cell
html
`${
getUnbalancedColorSchemeAndMakePalette
(
"Balance"
,
12
,
5
,
true
)
}`
Insert cell
html
`${
getUnbalancedColorSchemeAndMakePalette
(
"Balance"
,
3
,
2
)
}`
Insert cell
html
`${
getUnbalancedColorSchemeAndMakePalette
(
"Balance"
,
3
,
2
,
true
)
}`
Insert cell
html
`${
getUnbalancedColorSchemeAndMakePalette
(
"Balance"
,
2
,
4
)
}`
Insert cell
html
`${
getUnbalancedColorSchemeAndMakePalette
(
"Balance"
,
2
,
4
,
true
)
}`
Insert cell
html
`${
getUnbalancedColorSchemeAndMakePalette
(
"Balance"
,
2
,
4
)
}`
Insert cell
html
`${
getUnbalancedColorSchemeAndMakePalette
(
"Balance"
,
2
,
4
,
true
)
}`
Insert cell
html
`${
getUnbalancedColorSchemeAndMakePalette
(
"Fall"
,
2
,
4
)
}`
Insert cell
html
`${
getUnbalancedColorSchemeAndMakePalette
(
"Fall"
,
2
,
4
,
true
)
}`
Insert cell
html
`${
getUnbalancedColorSchemeAndMakePalette
(
"Fall"
,
4
,
2
)
}`
Insert cell
html
`${
getUnbalancedColorSchemeAndMakePalette
(
"Fall"
,
4
,
2
,
true
)
}`
Insert cell
html
`${
getUnbalancedColorSchemeAndMakePalette
(
"Earth"
,
7
,
3
)
}`
Insert cell
html
`${
getUnbalancedColorSchemeAndMakePalette
(
"Earth"
,
7
,
3
,
true
)
}`
Insert cell
html
`${
getUnbalancedColorSchemeAndMakePalette
(
"Earth"
,
2
,
6
)
}`
Insert cell
html
`${
getUnbalancedColorSchemeAndMakePalette
(
"Earth"
,
2
,
6
,
true
)
}`
Insert cell
html
`${
getUnbalancedColorSchemeAndMakePalette
(
"Temps"
,
4
,
2
)
}`
Insert cell
html
`${
getUnbalancedColorSchemeAndMakePalette
(
"Temps"
,
4
,
2
,
true
)
}`
Insert cell
html
`${
getUnbalancedColorSchemeAndMakePalette
(
"Temps"
,
4
,
8
)
}`
Insert cell
html
`${
getUnbalancedColorSchemeAndMakePalette
(
"Temps"
,
4
,
8
,
true
)
}`
Insert cell
html
`${
getUnbalancedColorSchemeAndMakePalette
(
"Tropic"
,
8
,
4
)
}`
Insert cell
html
`${
getUnbalancedColorSchemeAndMakePalette
(
"Tropic"
,
8
,
4
,
true
)
}`
Insert cell
html
`${
getUnbalancedColorSchemeAndMakePalette
(
"Earth"
,
3
,
7
)
}`
Insert cell
html
`${
getUnbalancedColorSchemeAndMakePalette
(
"Earth"
,
3
,
7
,
true
)
}`
Insert cell
html
`${
getUnbalancedColorSchemeAndMakePalette
(
"Geyser"
,
12
,
5
)
}`
Insert cell
html
`${
getUnbalancedColorSchemeAndMakePalette
(
"Geyser"
,
12
,
5
,
true
)
}`
Insert cell
html
`${
getUnbalancedColorSchemeAndMakePalette
(
"Geyser"
,
4
,
11
)
}`
Insert cell
html
`${
getUnbalancedColorSchemeAndMakePalette
(
"Geyser"
,
4
,
11
,
true
)
}`
Insert cell
html
`${
getUnbalancedColorSchemeAndMakePalette
(
"Geyser"
,
6
,
6
)
}`
Insert cell
html
`${
getUnbalancedColorSchemeAndMakePalette
(
"Geyser"
,
6
,
6
,
true
)
}`
Insert cell
html
`${
getUnbalancedColorSchemeAndMakePalette
(
"RdGy"
,
3
,
6
)
}`
Insert cell
html
`${
getUnbalancedColorSchemeAndMakePalette
(
"RdGy"
,
3
,
6
,
true
)
}`
Insert cell
Insert cell
Insert cell
html
`${
getBalancedColorSchemeAndMakePalette
(
"RdGy"
,
3
,
6
)
}`
Insert cell
html
`${
getBalancedColorSchemeAndMakePalette
(
"RdGy"
,
3
,
2
)
}`
Insert cell
html
`${
getBalancedColorSchemeAndMakePalette
(
"RdGy"
,
2
,
3
)
}`
Insert cell
html
`${
getBalancedColorSchemeAndMakePalette
(
"RdGy"
,
3
,
2
,
true
)
}`
Insert cell
html
`${
getBalancedColorSchemeAndMakePalette
(
"RdGy"
,
4
,
2
)
}`
Insert cell
html
`${
getBalancedColorSchemeAndMakePalette
(
"Balance"
,
12
,
5
)
}`
Insert cell
html
`${
getBalancedColorSchemeAndMakePalette
(
"Balance"
,
10
,
3
,
true
)
}`
Insert cell
html
`${
getBalancedColorSchemeAndMakePalette
(
"Earth"
,
2
,
7
,
true
)
}`
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
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.
Try it for free
Learn more
Fork
View
Export
Edit
Add comment
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
Edit
Add comment
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
Edit
Add comment
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
Edit
Add comment
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
nLeft
Edit
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
nRight
Edit
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
hasCentralClass
Edit
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
paletteName
Edit
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
Edit
Add comment
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
Edit
Add comment
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
Edit
Add comment
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
Edit
Add comment
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
Edit
Add comment
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
Edit
Add comment
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
Edit
Add comment
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
Add comment
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
Add comment
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
Add comment
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
Add comment
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
Add comment
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
Add comment
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
Add comment
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
Add comment
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
Add comment
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
Add comment
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
Add comment
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
Add comment
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
Add comment
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
Add comment
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
Add comment
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
Add comment
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
Add comment
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
Add comment
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
Add comment
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
Add comment
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
Add comment
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
Add comment
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
Add comment
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
Add comment
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
Add comment
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
Add comment
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
Add comment
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
Add comment
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
Add comment
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
Add comment
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
Add comment
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
Add comment
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
Edit
Add comment
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
Edit
Add comment
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
Add comment
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
Add comment
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
Add comment
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
Add comment
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
Add comment
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
Add comment
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
Add comment
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
Add comment
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
getUnbalancedColorSchemeAndMakePalette
Edit
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
getBalancedColorSchemeAndMakePalette
Edit
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
makePalette
Edit
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
allDivergings
Edit
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
dicopal
Edit
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML