Public
Edited
Oct 4, 2023
Plot.plot({
marginLeft: 100,
marks: [
Plot.ruleY([0]),
Plot.rectY(
handel.filter((d) => d.Ticker === "NOM"),
{ x: "Dato", y: "High", tip: true }
),
]
})
cleanData
X
Gearing
Y
Ticker
Color
Omsatt
Size
Antall
Facet X
—
Facet Y
—
Mark
dot
Type Chart, then Shift-Enter. Ctrl-space for more options.
cleanData
X
Dato
Y
Gearing
Color
Antall
Size
Omsatt
Facet X
—
Facet Y
—
Mark
Auto
Type Chart, then Shift-Enter. Ctrl-space for more options.
cleanData
X
Dato
Y
sum
Omsatt
Color
Antall
Size
—
Facet X
—
Facet Y
Gearing
Mark
Auto
Type Chart, then Shift-Enter. Ctrl-space for more options.
Plot.plot({
marginLeft: 100,
y: {
// type: 'log'
},
marks: [
Plot.rectY(cleanData, {x: 'Dato', y: 'Omsatt', interval: d3.utcWeek}),
Plot.crosshair(cleanData, {x: 'Dato', y: 'Omsatt', title: (d) => d.Ticker})
]
})
cleanData
X
Dato
Y
Ticker
Color
Omsatt
Size
Omsatt
Facet X
—
Facet Y
—
Mark
Auto
Type Chart, then Shift-Enter. Ctrl-space for more options.
Plot.plot({
color: { legend: true },
marginLeft: 100,
marks: [
Plot.dot(cleanData, {
x: "Dato",
y: "Ticker",
stroke: "Omsatt",
r: "Omsatt",
tip: true,
interval: d3.utcWeek
})
]
})
cleanData
Type Table, then Shift-Enter. Ctrl-space for more options.
handel = cleanData
parsedData2 = FileAttachment("parsed-data@2.json").json()
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.
