Platform
Resources
Pricing
Sign in
Get started
Virginia Poltrack
Strong with the Force. Likes to draw ✍️
Workspace
Fork
Public
By
Virginia Poltrack
Edited
Apr 10, 2023
2 stars
5
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
Insert cell
Insert cell
droid_Colors
=
[
"#EDCBC0"
,
"#F2BF8C"
,
"#65CEAB"
,
"#83D2DB"
,
"#ABC9F4"
]
Insert cell
characters.csv
Filter
1
Columns
Sort
1
Slice
Save
Type Table, then Shift-Enter. Ctrl-space for more options.
Insert cell
style1
=
{
yield
html
`<style>
@import url('https://fonts.googleapis.com/css2?family=${
fontName
}&display=swap');
div, input, button {
font-family: '${
fontName
}', sans-serif;
}
</style>`
}
Insert cell
fontName
=
"Londrina Solid"
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
BB8Array
=
[
{
name
:
"BB8"
,
height
:
26.4
,
mass
:
12.4
,
hair_color
:
"none"
,
skin_color
:
"orange"
,
eye_color
:
"black"
,
birth_year
:
"NA"
,
gender
:
"none"
,
homeworld
:
"none"
,
species
:
"Droid"
}
]
Insert cell
test
=
characters
.
map
(
obj
=>
BB8Array
.
find
(
o
=>
o
.
name
===
obj
.
name
)
||
obj
)
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
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
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
Edit
Add comment
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
Edit
Add comment
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
droid_Colors
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
characters
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
File attachments
characters.csv
CSV
Databases
Filter
species
Operator
Column
Operator
Columns
Sort
species
Ascending
Descending
Ascending
Column
Direction
Descending
Ascending
Slice
From
Start
To
End
style1
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
fontName
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
BB8Array
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
test
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML