Platform
Resources
Pricing
Sign in
Get started
Сандро
Workspace
Fork
Published
By
Сандро
Edited
Feb 17, 2019
1 star
Insert cell
Insert cell
2
*
3
*
7
Insert cell
{
let
sum
=
0
;
for
(
let
i
=
0
;
i
<=
100
;
++
i
)
{
sum
+=
i
;
}
return
sum
;
}
Insert cell
Insert cell
color
=
"red"
Insert cell
`Мой любимый цвет - ${
color
}.`
Insert cell
Insert cell
html
`<span style="background:yellow;">
Мой любимый язык - <i>HTML</i>.
</span>`
Insert cell
Insert cell
md
`Мой любимый язык - *Markdown*.`
Insert cell
Insert cell
html
`Мой любимый цвет - <i style="background:${
color
};">${
color
}</i>.`
Insert cell
Insert cell
status
=
new
Promise
(
resolve
=>
{
setTimeout
(
(
)
=>
{
resolve
(
{
resolved
:
new
Date
}
)
;
}
,
2000
)
;
}
)
Insert cell
Insert cell
status
Insert cell
Insert cell
d3
=
require
(
"d3-fetch@1"
)
Insert cell
Insert cell
countries
=
(
await
d3
.
tsv
(
"https://unpkg.com/world-atlas@1/world/110m.tsv"
)
)
.
sort
(
(
a
,
b
)
=>
b
.
pop_est
-
a
.
pop_est
)
// Сортировать по убыванию населения.
.
slice
(
0
,
10
)
// Возьмите первую десятку.
Insert cell
Insert cell
i
=
{
let
i
=
0
;
while
(
true
)
{
yield
++
i
;
}
}
Insert cell
`Текущее значение i равно ${
i
}.`
Insert cell
Insert cell
date
=
{
while
(
true
)
{
yield
new
Promise
(
resolve
=>
{
setTimeout
(
(
)
=>
resolve
(
new
Date
)
,
1000
)
;
}
)
;
}
}
Insert cell
Insert cell
slider
=
html
`<input type=range>`
Insert cell
sliderValue
=
Generators
.
input
(
slider
)
Insert cell
Insert cell
viewof
value
=
html
`<input type=range>`
Insert cell
value
Insert cell
Insert cell
import
{
viewof
selection
as
cars
}
from
"@mbostock/d3-brushable-scatterplot"
Insert cell
viewof
cars
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
Fork
View
Export
Edit
Add comment
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
Add comment
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
color
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
Add comment
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
Edit
Add comment
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
Add comment
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
Edit
Add comment
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
status
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
Add comment
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
Edit
Add comment
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
d3
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
countries
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
i
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
date
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
slider
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
sliderValue
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
value
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
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