Platform
Resources
Pricing
Sign in
Get started
Patrick Oladimeji
Data | Info Vis | Lots of passion for building dependable interactive systems.
Workspace
Fork
Public
By
Patrick Oladimeji
and
Jeremiah Iyamabo
Edited
Nov 13, 2022
Importers
2 stars
6
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
2
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
histogram
(
allTenures
[
5
]
.
withAge
,
{
xProperty
:
"age"
,
xAxisLabel
:
'age'
,
xAxisTicks
,
quantiles
:
[
.5
,
.8
]
}
)
.
render
(
)
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
getAge
=
(
year
)
=>
(
{
dateOfBirth
}
)
=>
dateOfBirth
===
null
?
null
:
(
year
-
(
new
Date
(
dateOfBirth
)
.
getFullYear
(
)
)
)
;
Insert cell
Insert cell
Insert cell
groupBy
=
(
...
f
)
=>
data
=>
d3
.
group
(
data
,
...
f
)
;
Insert cell
groupByState
=
groupBy
(
d
=>
d
.
state
)
Insert cell
groupByZone
=
groupBy
(
d
=>
stateToZoneMap
[
d
.
state
]
,
d
=>
d
.
gender
)
Insert cell
groupByState
(
tenure2019
)
Insert cell
Insert cell
Insert cell
not
=
f
=>
d
=>
!
f
(
d
)
Insert cell
Insert cell
tenure2003
=
parseTenureData
(
2003
)
(
tenure2003raw
)
Insert cell
tenure2007
=
parseTenureData
(
2007
)
(
tenure2007raw
)
Insert cell
tenure2011
=
parseTenureData
(
2011
)
(
tenure2011raw
)
Insert cell
tenure2015
=
parseTenureData
(
2015
)
(
tenure2015raw
)
Insert cell
tenure2019
=
parseTenureData
(
2019
)
(
tenure2019raw
)
Insert cell
hasGender
=
d
=>
d
.
gender
!==
null
&&
d
.
gender
!==
"NA"
Insert cell
hasAge
=
d
=>
d
.
age
!==
null
Insert cell
tenure1999raw
=
FileAttachment
(
"1999-tenure@1.json"
)
.
json
(
)
Insert cell
tenure2003raw
=
FileAttachment
(
"2003-tenure@1.json"
)
.
json
(
)
Insert cell
Insert cell
tenure2011raw
=
FileAttachment
(
"2011-tenure@1.json"
)
.
json
(
)
Insert cell
tenure2015raw
=
FileAttachment
(
"2015-tenure@1.json"
)
.
json
(
)
Insert cell
tenure2019raw
=
FileAttachment
(
"2019-tenure@1.json"
)
.
json
(
)
Insert cell
xAxisTicks
=
new
Array
(
10
)
.
fill
(
1
)
.
map
(
(
d
,
i
)
=>
i
*
10
)
Insert cell
Insert cell
import
{
histogram
}
from
"@thehogfather/vis-utils"
Insert cell
import
{
stateToZoneMap
}
from
"@thehogfather/ng-geo-lib"
Insert cell
import
{
boxY
}
from
'@observablehq/plot-box'
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
femaleToMaleProportion
Edit
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
nationalGenderDistributionByTenure
Edit
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
nationalGenderDistributionByTenureAndZone
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
Edit
Show 2 comments
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
plotTenureHistogram
Edit
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
plotGenderBarChart
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
plotTenureHistogramProportion
Edit
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
parseTenureData
Edit
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
plotAgeAllTenureBoxPlot
Edit
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
plotAgeAllTenureBoxPlotByZone
Edit
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
plotStackedGenderChartByTenure
Edit
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
plotGenderBarChartAllYears
Edit
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
plotTermsAllTenureBoxPlot
Edit
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
getAge
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
getRelevantPosition
Edit
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
allTenures
Edit
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
groupBy
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
groupByState
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
groupByZone
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
not
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
tenure1999
Edit
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
tenure2003
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
tenure2007
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
tenure2011
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
tenure2015
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
tenure2019
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
hasGender
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
hasAge
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
tenure1999raw
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
tenure2003raw
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
tenure2007raw
Edit
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
tenure2011raw
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
tenure2015raw
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
tenure2019raw
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
xAxisTicks
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
boxPlotTenure
Edit
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML