Platform
Resources
Pricing
Sign in
Get started
ivan velasco
Workspace
Fork
Public
TimeWidget
By
ivan velasco
Edited
Mar 25
Importers
2
Insert cell
Insert cell
Insert cell
selected
=
TimewWidget
(
incomes
,
{
x
:
"Year"
,
y
:
"income"
,
id
:
"state"
,
width
:
width
,
xLabel
:
"Date"
,
yLabel
:
"Income"
,
xTicks
:
[
[
1960
,
"AAA"
]
,
[
1962
,
null
]
]
,
//Reference Curve
referenceCurves
:
incomesLines
[
selectedState
]
}
)
Insert cell
Insert cell
1
Insert cell
incomesRaw
=
FileAttachment
(
"Historical Incomes@1.csv"
)
.
csv
(
{
typed
:
true
}
)
Insert cell
Rent
=
FileAttachment
(
"grossrents-unadj@1.csv"
)
.
csv
(
{
typed
:
true
}
)
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
TimewWidget
=
{
try
{
return
await
require
(
`http://localhost:8080/dist/TimeWidget.js?${
Date
.
now
(
)
}`
)
;
}
catch
(
e
)
{
return
await
require
(
"time-widget@0.0.25"
)
;
}
}
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
selectedState
Edit
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
selected
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
Show 1 comment
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
incomesRaw
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
Rent
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
incomes
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
incomesLines
Edit
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
RentLines
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
TimewWidget
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML