The avatar for @juanarriaga-ws
Juan Arriaga
Public
Worksheets: Learn Observable - Juan Pablo Arriaga Penagos
Edited
Apr 25, 2023
Insert cell
Insert cell
Insert cell
Insert cell
data_carsRaw = cars
Insert cell
Insert cell
data_carsRaw
Type Table, then Shift-Enter. Ctrl-space for more options.

Insert cell
data
X
power (hp)
Y
economy (mpg)
Color
cylinders
Size
weight (lb)
Facet X
—
Facet Y
—
Mark
dot
Type Chart, then Shift-Enter. Ctrl-space for more options.

Insert cell
Insert cell
//https://observablehq.com/@d3/splom
import {chart} from "@d3/splom"
Insert cell
chart
Insert cell
Insert cell
The Cell responsible for the main visualization is:
```js
chart = {
...
}
```

The Cell that holds the data the visualization uses is:
```js
data = {
...
}
```
Insert cell
Insert cell
FinalData = aq.from(data)
.select('economy (mpg)','cylinders','displacement (cc)','power (hp)','weight (lb)','0-60 mph (s)')
.filter(d => d["power (hp)"] > 0)
.filter(d => d["economy (mpg)"] > 0)
.objects()
Insert cell
Insert cell
import {ScatterplotMatrix} from "@d3/splom"
Insert cell
Insert cell
Insert cell
Mychart = ScatterplotMatrix(FinalData, {
columns: [
"economy (mpg)",
"displacement (cc)",
"power (hp)",
"weight (lb)",
"0-60 mph (s)"
],
z: d => d.cylinders
})
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.
Learn more