Platform
Resources
Pricing
Sign in
Get started
Joe
Workspace
Fork
Public
By
Joe
Edited
Oct 19, 2022
1 fork
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
3
// set(my_obj["benefits"], profilesRadio["benefits"])
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
namedAccounts
=
profiles
.
map
(
(
p
)
=>
Object
.
keys
(
p
)
// .filter((d) => d != "name")
.
filter
(
(
d
)
=>
accountsCheckBoxes
.
includes
(
d
)
)
.
map
(
(
d
)
=>
(
{
name
:
p
.
name
,
account
:
d
,
amount
:
p
[
d
]
}
)
)
)
.
flat
(
)
Insert cell
accounts
=
accountsCheckBoxes
.
map
(
(
d
)
=>
(
{
account
:
d
,
amount
:
expensesForm
[
d
]
}
)
)
Insert cell
accountsList
=
[
"rent"
,
"food"
,
"education"
,
"transportation"
,
"entertainment"
,
"healthcare"
,
"childcare"
,
"investments"
,
"communication"
,
"insurance"
,
"salary"
,
"benefits"
]
Insert cell
my_obj
=
{
var
my_obj
=
{
}
;
for
(
var
i
of
accountsCheckBoxes
)
{
my_obj
[
i
]
=
Inputs
.
range
(
[
0
,
6000
]
,
{
step
:
10
,
label
:
i
}
)
;
}
return
my_obj
;
}
Insert cell
Insert cell
// import { Plot } from "@mkfreeman/plot-tooltip"
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
alpha
Edit
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
salaryPlot2
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
salaryPlot
Edit
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
profilesRadio
Edit
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
expensesForm
Edit
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
accountsCheckBoxes
Edit
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
profiles
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
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
expenses
Edit
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
namedAccounts
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
accounts
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
accountsList
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
my_obj
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
set
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