Public
Edited
May 2, 2024
4 stars
sampleFile = FileAttachment(
"telemetry-NGP-Car_5-Subaru Impreza GC8 555 GrpA-Stage_21-13_04_2024 23_46_41 PM.tsv"
)
sampleData = sampleFile.tsv({ typed: true })
userData = userFile ? userFile.tsv({ typed: true }) : undefined
data = (userData || sampleData).map((d) => ({
...d,
timestamp: new Date(d.utcSystemTime)
}))
settledScrubbedIndex = settle(viewof scrubber)
speedScaleConfig = ({
color: {
scheme: "Plasma",
domain: [0, d3.max(data, (d) => d.speed)],
label: "Speed (km/h)"
}
})
speedScale = Plot.scale(speedScaleConfig)
THROTTLE_BRAKE_SCALE = Plot.scale(THROTTLE_BRAKE_SCALE_CONFIG)
clutchGearMark = Plot.text(filteredData, {
x: "timestamp",
y: (d) => 0,
tip: true,
text: "gear",
fill: "black",
channels: { clutch: "clutch", gear: "gear" },
stroke: "cyan",
filter: (d) => d.clutch > 0.9
})
clutchGearMark2D = Plot.text(filteredData, {
x: "position.x",
y: "position.y",
text: "gear",
stroke: "cyan",
fill: "black",
tip: true,
opacity: 0.5,
filter: (d) => d.clutch > 0.9,
channels: { clutch: "clutch", gear: "gear" }
})
gearVoronoiMark = Plot.voronoi(filteredData, {
x: "position.x",
y: "position.y",
fill: "gear",
fillOpacity: 0.15
})
startTipMark = Plot.tip(
_.take(
filteredData.filter((d) => d.raceTime === 0),
1
),
{
x: "position.x",
y: "position.y",
title: (d) => "Start"
}
)
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.
