Platform
Solutions
Resources
Pricing
Sign in
Sign up
Alisa
Workspace
Fork
Published
By
Alisa
Edited
Nov 22, 2018
3 stars
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
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
color
=
d3
.
scaleOrdinal
(
)
.
domain
(
[
"Angeling"
,
"Poring"
,
"Poporing"
,
"Marin"
,
"Magmaring"
,
"Drops"
,
"Metaling"
,
"Others"
]
)
.
range
(
[
"#d4d8d8"
,
"#fa978e"
,
"#c8db93"
,
"#b0a7c1"
,
"#f58658"
,
"#eac699"
,
"#ca8e8c"
,
"#c3d7e3"
]
)
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
Insert cell
Insert cell
Insert cell
One platform
to build and deploy the best data apps
Experiment and prototype by building visualizations in live JavaScript notebooks. Collaborate with your team and decide which concepts to build out.
Use Observable Framework to build data apps locally. Use data loaders to build in any language or library, including Python, SQL, and R.
Seamlessly deploy to Observable. Test before you ship, use automatic deploy-on-commit, and ensure your projects are always up-to-date.
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
Edit
Add comment
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
data
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
nest_t
Edit
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
nest
Edit
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
pie
Edit
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
width
Edit
Pin
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
height
Edit
Pin
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
Edit
Add comment
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
Edit
Add comment
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
originX
Edit
Pin
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
originY
Edit
Pin
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
pie_outerR
Edit
Pin
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
pie_innerR
Edit
Pin
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
small_r
Edit
Pin
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
small_r2
Edit
Pin
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
outerR
Edit
Pin
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
arc
Edit
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
OuterArc
Edit
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
color
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
getAnchors
Edit
Pin
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
draw_groups
Edit
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
repeat
Edit
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
show_img
Edit
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
hide_img
Edit
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
x2
Edit
Pin
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
y2
Edit
Pin
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
y1
Edit
Pin
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
x1
Edit
Pin
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
toDegrees
Edit
Pin
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
getBaseAnchors
Edit
Pin
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
getMidAnchors
Edit
Pin
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
getcentralvalues
Edit
Pin
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
getCirclesAnchors
Edit
Pin
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
sum_table
Edit
Pin
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
getCircleCoords
Edit
Pin
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
d3
Edit
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML