Platform
Resources
Pricing
Sign in
Contact us
Carmen Torrecillas
Data visualisation at @civio, a non-profit journalism organisation specialising in public data and access to information.
Workspace
Fork
Published
By
Carmen Torrecillas
Edited
Apr 11, 2021
ISC
Fork of
Half Donut Chart
1
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
arc
=
d3
.
arc
(
)
.
innerRadius
(
innerRadius
)
.
outerRadius
(
outRadius
)
Insert cell
pie
=
d3
.
pie
(
)
.
padAngle
(
padding
)
.
sort
(
null
)
// Don't want to order it by size
.
endAngle
(
Math
.
PI
/
2
)
.
startAngle
(
(
Math
.
PI
*
3
)
/
2
)
.
value
(
d
=>
d
.
value
)
Insert cell
Insert cell
Insert cell
Insert cell
parliamentRepresentation
=
[
{
name
:
"Male youg population"
,
value
:
2.75
}
,
{
name
:
"Female youg population"
,
value
:
2.75
}
,
{
name
:
"Rest"
,
value
:
93.5
}
]
Insert cell
generalPopulation
=
[
{
name
:
"Male youg population"
,
value
:
38.7
}
,
{
name
:
"Female youg population"
,
value
:
37.9
}
,
{
name
:
"Rest"
,
value
:
23.4
}
]
Insert cell
Insert cell
Insert cell
Insert cell
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
Compare fork
Fork
View
Export
Edit
Add comment
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
innerRadius
Edit
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
padding
Edit
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
piesSeparation
Edit
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
chart
Edit
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
pieColors
Edit
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
outRadius
Edit
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
arc
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
pie
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
height
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
parliamentRepresentation
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
generalPopulation
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
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
Edit
Add comment
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
Edit
Add comment
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML