Platform
Resources
Pricing
Sign in
Get started
Michele Weigle
Professor of Computer Science at Old Dominion University
Workspace
Fork
Public
2 collections
By
Michele Weigle
Edited
Feb 6, 2023
Fork of
Clustering Example with Vega-Lite
•
1 fork
1 star
CS 725/825, Spring 2023
Vega-Lite API vs. JSON Examples
CS725-S23, Vega-Lite Breakout Notebook
CS725-S23, D3 Vis Intro
CS725, Clustering Example with Vega-Lite
CS725, D3 Intro - Bar Chart
CS725, D3 Intro - Scatterplot
CS725, D3 Intro - Line and Area Charts
CS725, D3 Intro - Layered Line and Area Charts
CS725, Multi-Line Chart Arquero Data Setup
CS725, Interaction in Vega-Lite
CS725, Vega-Lite Dashboard with Brushing and Linking
CS725, D3 Dashboard with Brushing and Linking
Also listed in…
CS 725/825, Spring 2022
Insert cell
Insert cell
Insert cell
Insert cell
viewof
raw_cars
=
aq
.
from
(
cars
)
.
view
(
2
)
Insert cell
Insert cell
Insert cell
viewof
cars_xy
=
raw_cars
.
derive
(
{
x
:
aq
.
escape
(
d
=>
d
[
x
]
)
,
y
:
aq
.
escape
(
d
=>
d
[
y
]
)
}
)
.
view
(
2
)
Insert cell
Insert cell
cars_kmeans
=
cars_xy
.
objects
(
)
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
viewof
cluster_chart
=
{
kmeans
(
cars_kmeans
,
clusters
)
return
vl
.
markPoint
(
)
.
data
(
cars_kmeans
)
.
encode
(
vl
.
x
(
)
.
fieldQ
(
"x"
)
.
title
(
x
)
,
vl
.
y
(
)
.
fieldQ
(
"y"
)
.
title
(
y
)
,
vl
.
color
(
)
.
fieldN
(
"cluster"
)
,
vl
.
tooltip
(
[
x
,
y
,
'Name'
,
'cluster'
]
)
)
.
render
(
)
}
Insert cell
Insert cell
import
{
kmeans
}
from
"@spond/k-means-clustering-algorithm"
Insert cell
import
{
aq
,
op
}
from
'@uwdata/arquero'
Insert cell
import
{
vl
}
from
"@vega/vega-lite-api"
Insert cell
import
{
Range
,
Select
}
from
"@observablehq/inputs"
Insert cell
d3
=
require
(
"d3@6"
)
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
Listed in...
CS 725/825, Spring 2023
Michele Weigle
CS 725/825, Spring 2022
Michele Weigle
Edit
Add comment
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
Edit
Add comment
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
cars
Edit
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
raw_cars
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
cars_xy
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
cars_kmeans
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
columns
Edit
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
x
Edit
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
y
Edit
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
clusters
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
cluster_chart
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
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
d3
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML