Platform
Resources
Pricing
Sign in
Get started
Joe Murphy
Data editor @ NBC News.
Workspace
Fork
Public
about-d3
By
Joe Murphy
Edited
Sep 28, 2021
2
Insert cell
Insert cell
Insert cell
dataOneLineJson
=
await
FileAttachment
(
"data.json"
)
.
json
(
)
Insert cell
dataOneLineCsv
=
d3
.
csvParse
(
await
FileAttachment
(
"data.csv"
)
.
text
(
)
)
Insert cell
Insert cell
dataObjectJson
=
{
return
await
FileAttachment
(
"data.json"
)
.
json
(
)
;
}
Insert cell
dataObjectCsv
=
{
return
d3
.
csvParse
(
await
FileAttachment
(
"data.csv"
)
.
text
(
)
)
;
}
Insert cell
Insert cell
dataCleanJson
=
{
const
dataRaw
=
await
FileAttachment
(
"data.json"
)
.
json
(
)
;
var
data
=
[
]
;
dataRaw
.
forEach
(
(
d
)
=>
data
.
push
(
{
category
:
d
.
category
,
num
:
+
d
.
num
}
)
)
;
return
data
;
}
Insert cell
dataCleanCsv
=
{
const
dataRaw
=
d3
.
csvParse
(
await
FileAttachment
(
"data.csv"
)
.
text
(
)
)
;
var
data
=
[
]
;
dataRaw
.
forEach
(
(
d
)
=>
data
.
push
(
{
category
:
d
.
category
,
num
:
+
d
.
num
}
)
)
;
return
data
;
}
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
dataOneLineJson
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
dataOneLineCsv
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
dataObjectJson
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
dataObjectCsv
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
dataCleanJson
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
dataCleanCsv
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
d3
Edit
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML