Published
Edited
Nov 25, 2021
Insert cell
Insert cell
chart = Plot.plot({
x: {
round: true,
grid: true,
//ticks: csv.filter(d => d.Year),
},
y: {
grid: true,
//range: [0,100],
round: true,
reverse: true,
},
color: {
domain: [0,10000],
range: ['#fff','blue']
},
marks: [
Plot.cell(csv,
Plot.bin({fill: "mean"},
{x: "Year", y: "MI_State_Total", fill: "US_Total",
//stroke: "sex",
sort: 'Year'
}))
]
})
Insert cell
penguins = FileAttachment("penguins.csv").csv({typed: true})
Insert cell
map = Object.assign(new Map(data), ({Year,Species,MI_State_Total}) => [+Year,[Species,MI_State_Total]])
Insert cell
data = d3.csvParse(await FileAttachment("MI_Catch_2.csv").text(),
({Year,Species,MI_State_Total,US_Total,MI_Perc}) => [+Year,[Species,MI_State_Total,US_Total,(US_Total/MI_State_Total)]])
Insert cell
csv = FileAttachment("MI_Catch_2.csv").csv({typed: true})
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