Platform
Solutions
Resources
Pricing
Sign in
Sign up
D3
Bring your data to life.
Workspace
Fork
Public
d3-array
By
Fil
Edited
Oct 23, 2023
ISC
1 fork
27 stars
d3-array
Image Sharpening
d3.blur
d3.rank
d3.flatGroup, d3.flatRollup
d3.mode
d3.groupSort
Set Operations
d3.groups as a hierarchy
d3.fsum, d3.Adder
Time thresholds for d3.bin
d3.cumsum
Tidy Stacked Area Chart
Merging Duplicate Values
d3.zip, d3.transpose
d3.bin
d3.ticks
d3.mean, d3.median, and friends
d3.quickselect
d3.bisect
d3.sum
d3.group, d3.rollup, d3.index
d3.count
d3.min, d3.max, d3.extent
d3.least, d3.greatest
d3.pairs
d3.cross
d3.ascending, d3.descending
d3.merge
d3.range
d3.permute
d3.shuffle
d3-array 2.0
Insert cell
Insert cell
Insert cell
d3
.
ascending
(
5
,
4
)
Insert cell
5
>
4
Insert cell
Insert cell
d3
.
ascending
(
"Alice"
,
"Bob"
)
Insert cell
"Alice"
<
"Bob"
Insert cell
Insert cell
[
3
,
2
,
5
,
4
,
1
]
.
sort
(
d3
.
ascending
)
Insert cell
Insert cell
"The quick brown fox jumps over the lazy dog"
.
split
(
/\s/
)
.
sort
(
d3
.
ascending
)
Insert cell
Insert cell
[
1
,
2
,
10
]
.
sort
(
)
// 🌶 Yikes!
Insert cell
Insert cell
[
1
,
2
,
10
]
.
sort
(
d3
.
ascending
)
Insert cell
Insert cell
[
1
,
2
,
10
]
.
sort
(
(
a
,
b
)
=>
a
-
b
)
Insert cell
Insert cell
Insert cell
foods
=
[
{
item
:
"Soup"
,
votes
:
4
,
emoji
:
"🍜"
}
,
{
item
:
"Cake"
,
votes
:
5
,
emoji
:
"🍰"
}
,
{
item
:
"Cabbage"
,
votes
:
1
,
emoji
:
"🥬"
}
,
{
item
:
"Ice Cream"
,
votes
:
4
,
emoji
:
"🍦"
}
]
Insert cell
sortedFoods
=
foods
.
slice
(
)
.
sort
(
(
a
,
b
)
=>
d3
.
descending
(
a
.
votes
,
b
.
votes
)
)
Insert cell
Insert cell
people
=
[
{
first
:
"Barry"
,
last
:
"Gibb"
}
,
{
first
:
"Robin"
,
last
:
"Gibb"
}
,
{
first
:
"Vince"
,
last
:
"Melouney"
}
,
{
first
:
"Maurice"
,
last
:
"Gibb"
}
,
{
first
:
"Colin"
,
last
:
"Petersen"
}
]
Insert cell
people
.
slice
(
)
.
sort
(
(
a
,
b
)
=>
d3
.
ascending
(
a
.
last
,
b
.
last
)
||
d3
.
ascending
(
a
.
first
,
b
.
first
)
)
Insert cell
Insert cell
"The quick brown fox jumps over the lazy dog"
.
split
(
/\s/
)
.
sort
(
(
a
,
b
)
=>
d3
.
ascending
(
a
.
toLowerCase
(
)
,
b
.
toLowerCase
(
)
)
)
Insert cell
Insert cell
Insert cell
before
=
new
Date
(
2018
,
0
,
1
)
Insert cell
after
=
new
Date
(
2019
,
0
,
1
)
Insert cell
before
<
after
Insert cell
d3
.
ascending
(
before
,
after
)
Insert cell
d3
.
descending
(
before
,
after
)
Insert cell
Insert cell
before
.
valueOf
(
)
Insert cell
+
before
Insert cell
+
before
<
+
after
Insert cell
Insert cell
class
Color
{
constructor
(
r
,
g
,
b
)
{
this
.
r
=
r
&
0xff
;
this
.
g
=
g
&
0xff
;
this
.
b
=
b
&
0xff
;
}
valueOf
(
)
{
return
(
this
.
r
<<
16
)
|
(
this
.
g
<<
8
)
|
this
.
b
;
}
}
Insert cell
steelblue
=
new
Color
(
70
,
130
,
180
)
Insert cell
coral
=
new
Color
(
255
,
127
,
80
)
Insert cell
steelblue
<
coral
Insert cell
d3
.
ascending
(
steelblue
,
coral
)
Insert cell
Insert cell
date1
=
new
Date
(
2018
,
0
,
1
)
Insert cell
date2
=
new
Date
(
2018
,
0
,
1
)
Insert cell
Insert cell
date1
===
date2
Insert cell
Insert cell
d3
.
ascending
(
date1
,
date2
)
Insert cell
[
date1
<=
date2
,
date1
>=
date2
]
Insert cell
Insert cell
Insert cell
people
.
slice
(
)
.
sort
(
(
a
,
b
)
=>
d3
.
ascending
(
a
.
first
,
b
.
first
)
)
.
sort
(
(
a
,
b
)
=>
d3
.
ascending
(
a
.
last
,
b
.
last
)
)
Insert cell
Insert cell
Insert cell
"a"
<
3
Insert cell
"a"
>
3
Insert cell
d3
.
ascending
(
"a"
,
3
)
Insert cell
Insert cell
"10"
>
3
Insert cell
d3
.
ascending
(
"10"
,
3
)
Insert cell
Insert cell
[
3
,
2
,
"a"
,
4
,
1
]
.
sort
(
d3
.
ascending
)
// 🌶 Yikes!
Insert cell
Insert cell
[
"100"
,
"67"
,
"103"
,
"245"
]
.
sort
(
d3
.
ascending
)
// 🧐
Insert cell
One platform
to build and deploy the best data apps
Experiment and prototype by building visualizations in live JavaScript notebooks. Collaborate with your team and decide which concepts to build out.
Use Observable Framework to build data apps locally. Use data loaders to build in any language or library, including Python, SQL, and R.
Seamlessly deploy to Observable. Test before you ship, use automatic deploy-on-commit, and ensure your projects are always up-to-date.
Try it for free
Learn more
Fork
View
Export
Edit
Pin
Add comment
Select
Duplicate
Copy link
Embed
Delete
Edit
Pin
Add comment
Select
Duplicate
Copy link
Embed
Delete
Unpin
Add comment
Select
Duplicate
Copy link
Embed
Delete
Unpin
Add comment
Select
Duplicate
Copy link
Embed
Delete
Edit
Pin
Add comment
Select
Duplicate
Copy link
Embed
Delete
Unpin
Add comment
Select
Duplicate
Copy link
Embed
Delete
Unpin
Add comment
Select
Duplicate
Copy link
Embed
Delete
Edit
Pin
Add comment
Select
Duplicate
Copy link
Embed
Delete
Unpin
Add comment
Select
Duplicate
Copy link
Embed
Delete
Edit
Pin
Add comment
Select
Duplicate
Copy link
Embed
Delete
Unpin
Add comment
Select
Duplicate
Copy link
Embed
Delete
Edit
Pin
Show 2 comments
Select
Duplicate
Copy link
Embed
Delete
Unpin
Add comment
Select
Duplicate
Copy link
Embed
Delete
Edit
Pin
Add comment
Select
Duplicate
Copy link
Embed
Delete
Unpin
Add comment
Select
Duplicate
Copy link
Embed
Delete
Edit
Pin
Add comment
Select
Duplicate
Copy link
Embed
Delete
Unpin
Add comment
Select
Duplicate
Copy link
Embed
Delete
Edit
Pin
Add comment
Select
Duplicate
Copy link
Embed
Delete
custom_comparators
Edit
Pin
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
foods
Unpin
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
sortedFoods
Unpin
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
Edit
Pin
Add comment
Select
Duplicate
Copy link
Embed
Delete
people
Unpin
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
Unpin
Add comment
Select
Duplicate
Copy link
Embed
Delete
Edit
Pin
Add comment
Select
Duplicate
Copy link
Embed
Delete
Unpin
Add comment
Select
Duplicate
Copy link
Embed
Delete
Edit
Pin
Add comment
Select
Duplicate
Copy link
Embed
Delete
natural_objects
Edit
Pin
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
before
Unpin
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
after
Unpin
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
Unpin
Add comment
Select
Duplicate
Copy link
Embed
Delete
Unpin
Add comment
Select
Duplicate
Copy link
Embed
Delete
Unpin
Add comment
Select
Duplicate
Copy link
Embed
Delete
Edit
Pin
Add comment
Select
Duplicate
Copy link
Embed
Delete
Unpin
Add comment
Select
Duplicate
Copy link
Embed
Delete
Unpin
Add comment
Select
Duplicate
Copy link
Embed
Delete
Unpin
Add comment
Select
Duplicate
Copy link
Embed
Delete
Edit
Pin
Add comment
Select
Duplicate
Copy link
Embed
Delete
Color
Unpin
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
steelblue
Unpin
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
coral
Unpin
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
Unpin
Add comment
Select
Duplicate
Copy link
Embed
Delete
Unpin
Add comment
Select
Duplicate
Copy link
Embed
Delete
Edit
Pin
Add comment
Select
Duplicate
Copy link
Embed
Delete
date1
Unpin
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
date2
Unpin
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
Edit
Pin
Add comment
Select
Duplicate
Copy link
Embed
Delete
Unpin
Add comment
Select
Duplicate
Copy link
Embed
Delete
Edit
Pin
Add comment
Select
Duplicate
Copy link
Embed
Delete
Unpin
Add comment
Select
Duplicate
Copy link
Embed
Delete
Unpin
Add comment
Select
Duplicate
Copy link
Embed
Delete
Edit
Pin
Add comment
Select
Duplicate
Copy link
Embed
Delete
stable_sorting
Edit
Pin
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
Unpin
Show 3 comments
Select
Duplicate
Copy link
Embed
Delete
Edit
Pin
Add comment
Select
Duplicate
Copy link
Embed
Delete
gotchas
Edit
Pin
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
Unpin
Add comment
Select
Duplicate
Copy link
Embed
Delete
Unpin
Add comment
Select
Duplicate
Copy link
Embed
Delete
Unpin
Add comment
Select
Duplicate
Copy link
Embed
Delete
Edit
Pin
Add comment
Select
Duplicate
Copy link
Embed
Delete
Unpin
Add comment
Select
Duplicate
Copy link
Embed
Delete
Unpin
Add comment
Select
Duplicate
Copy link
Embed
Delete
Edit
Pin
Add comment
Select
Duplicate
Copy link
Embed
Delete
Unpin
Add comment
Select
Duplicate
Copy link
Embed
Delete
Edit
Pin
Add comment
Select
Duplicate
Copy link
Embed
Delete
Unpin
Add comment
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
JavaScript
Markdown
HTML
JavaScript
Markdown
HTML
JavaScript
Markdown
HTML
JavaScript
Markdown
HTML
JavaScript
Markdown
HTML
JavaScript
Markdown
HTML
JavaScript
Markdown
HTML
JavaScript
Markdown
HTML
JavaScript
Markdown
HTML
JavaScript
Markdown
HTML
JavaScript
Markdown
HTML
JavaScript
Markdown
HTML
JavaScript
Markdown
HTML
JavaScript
Markdown
HTML
JavaScript
Markdown
HTML
JavaScript
Markdown
HTML
JavaScript
Markdown
HTML
JavaScript
Markdown
HTML
JavaScript
Markdown
HTML
JavaScript
Markdown
HTML
JavaScript
Markdown
HTML
JavaScript
Markdown
HTML
JavaScript
Markdown
HTML
JavaScript
Markdown
HTML
JavaScript
Markdown
HTML
JavaScript
Markdown
HTML
JavaScript
Markdown
HTML
JavaScript
Markdown
HTML
JavaScript
Markdown
HTML
JavaScript
Markdown
HTML
JavaScript
Markdown
HTML
JavaScript
Markdown
HTML
JavaScript
Markdown
HTML
JavaScript
Markdown
HTML
JavaScript
Markdown
HTML
JavaScript
Markdown
HTML
JavaScript
Markdown
HTML
JavaScript
Markdown
HTML
JavaScript
Markdown
HTML