Public
Edited
Jun 8, 2023
fishing
Type Table, then Shift-Enter. Ctrl-space for more options.
d3.group(fishing, d => d.species).get("rainbow") //Group the data by species, then get an array of objects for rainbow trout.
fishing.filter(d => d.species == "rainbow") // Use Array.filter to get a subset only for rainbow trout in fishing:
d3.rollup(fishing,
(v) => d3.mean(v, (d) => d.lengthInches),
(d) => d.river
) // Find the mean trout length by river:
d3.rollup(fishing.filter(d => d.river == "San Juan"),
size => d3.mean(size, v => v.lengthInches)
)// Get just the mean trout size for the San Juan River:
// Load the us_imports.csv file (attached in this notebook):
us_imports = FileAttachment("us_imports.csv").csv({typed: true})
us_imports
Type Table, then Shift-Enter. Ctrl-space for more options.
// Return an array of all values in the 'value' property of us_imports, log transformed
us_imports.map(d => Math.log(d.value))
// Create a new array, usLogValue, containing all existing properties and ADDING the log transformed value as a property named logValue:
usLogValue = us_imports.map(d => ({...d, logValue: Math.log(d.value)}))
Plot.plot({
marks: [
Plot.rectY(usLogValue, Plot.binX({y: "count"}, {x: "logValue"})),
Plot.ruleY([0])
]
})
Plot.plot({
marks: [
Plot.rectY(us_imports, Plot.binX({y: "count"}, {x: d => Math.log(d.value)})),
Plot.ruleY([0])
]
})
usLogValue
X
logValue
Y
—
Color
#ff8c38
Size
—
Facet X
—
Facet Y
—
Mark
Auto
Type Chart, then Shift-Enter. Ctrl-space for more options.
Plot.plot({
marks: [
Plot.barX(
us_imports,
Plot.groupY(
{ x: "sum" },
{
x: "value",
y: "Sector",
sort: { y: "x", reverse: true }
}
)
)
],
x: { tickFormat: ".1s" },
width: 900
})
import { showMe } from "@observablehq/show-me"
import { addTooltips } from "@mkfreeman/plot-tooltip"
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.
