Platform
Resources
Pricing
Sign in
Get started
Romain Vuillemot
dataviz & research
Workspace
Fork
Public
By
Romain Vuillemot
Edited
Oct 5, 2023
Fork of
Annotation
Insert cell
Insert cell
Insert cell
c
=
import
(
"https://esm.run/convex-dev/react"
)
Insert cell
origin
=
"https://dazzling-opossum-637.convex.cloud"
Insert cell
client
=
new
c
.
ConvexReactClient
(
origin
)
Insert cell
queryGenerator
=
(
client
,
query
,
...
args
)
=>
{
const
watch
=
client
.
watchQuery
(
query
,
...
args
)
;
return
Generators
.
observe
(
(
notify
)
=>
{
console
.
log
(
"watch"
)
watch
.
onUpdate
(
(
)
=>
notify
(
watch
.
localQueryResult
(
)
)
)
}
)
;
}
Insert cell
clientMessages
=
queryGenerator
(
client
,
"messages:list"
,
Object
.
assign
(
{
}
,
{
}
)
)
Insert cell
Insert cell
c2
=
await
import
(
"https://esm.run/convex/browser"
)
Insert cell
httpClient
=
new
c2
.
ConvexHttpClient
(
origin
)
Insert cell
Insert cell
mutable
clientMessages_http
=
httpClient
.
query
(
"messages:get"
)
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
Edit
Add comment
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
c
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
origin
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
client
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
queryGenerator
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
clientMessages
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
c2
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
httpClient
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
clientMessages_http
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
button
Edit
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
author
Edit
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
body
Edit
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
table
Edit
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML