Platform
Resources
Pricing
Sign in
Get started
Patrycja Gorska
Yale CS '21
Workspace
Fork
Published
By
Patrycja Gorska
Edited
May 24, 2020
Fork of
Yale Collapsible Tree
1 star
2
Insert cell
Insert cell
Insert cell
swatches
(
{
color
:
d3
.
scaleOrdinal
(
locations2
,
colors
)
}
)
Insert cell
Insert cell
function
entity
(
character
)
{
return
`&#${
character
.
charCodeAt
(
0
)
.
toString
(
)
};`
;
}
Insert cell
Insert cell
diagonal
=
d3
.
linkHorizontal
(
)
.
x
(
d
=>
d
.
y
)
.
y
(
d
=>
d
.
x
)
Insert cell
tree
=
nod2
=>
{
const
root
=
nod2
;
root
.
dx
=
dx
;
root
.
dy
=
dy
-
(
root
.
depth
*
5
)
;
let
t
=
d3
.
tree
(
)
.
nodeSize
(
[
root
.
dx
,
root
.
dy
]
)
(
root
)
return
t
;
}
Insert cell
tree2
=
FileAttachment
(
"harvard - Sheet1 (3).csv"
)
.
text
(
)
Insert cell
ns
=
d3
.
csvParse
(
tree2
)
Insert cell
Insert cell
Insert cell
nod
=
d3
.
nest
(
)
.
key
(
function
(
d
)
{
return
d
.
parent
;
}
)
.
entries
(
ns
)
;
Insert cell
Insert cell
Insert cell
dx
=
15
Insert cell
dy
=
width
/
4
Insert cell
margin
=
(
{
top
:
10
,
right
:
80
,
bottom
:
10
,
left
:
130
}
)
Insert cell
d3
=
require
(
"d3@5"
)
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
Compare fork
Fork
View
Export
Edit
Add comment
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
chart
Edit
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
Add comment
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
colors
Edit
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
entity
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
swatches
Edit
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
diagonal
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
tree
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
tree2
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
ns
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
locations
Edit
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
locations2
Edit
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
nod
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
nod2
Edit
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
data
Edit
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
dx
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
dy
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
margin
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
d3
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML