Professor of Computer Science at Old Dominion University
Observable/Vega-Lite IntroCS 725/825, Spr21 - HW1 - Vega-Lite IntroD3 Data Intro, Spring 2021D3 Vis IntroJavaScript Map Datatype ExampleClustering Example with D3Interaction in Vega-Lite and ObservableInteraction in D3Dashboard with Brushing and Linking Example in Vega-Lite
Clustering Example with Vega-Lite
import {kmeans} from "@spond/k-means-clustering-algorithm"
data = formatData(cars)
viewof cluster_chart = {
kmeans(data, clusters)
return vl.markPoint()
.data(data)
.encode(
vl.x().fieldQ("x").title(x),
vl.y().fieldQ("y").title(y),
vl.color().fieldN("cluster"),
vl.tooltip([x, y, 'Name', 'cluster'])
)
.render()
}
function formatData (local_data) {
let new_data = JSON.parse(JSON.stringify(local_data))
new_data.forEach(d => {
d.x = d[x]
d.y = d[y]
})
return new_data
}
import { vl } from "@vega/vega-lite-api"
import {Range, Select} from "@observablehq/inputs"
d3 = require("d3@6")
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.
