The end-to-end solution for building and hosting better data apps, dashboards, and reports.
data = FileAttachment("texasHourTempEnergy.csv").csv({ typed: true })
data[0]
// Type code here
// define color scale to match the one in the chart
colorScale = d3.scaleSequential([0, 23], [0, 1]).interpolator(d3.interpolateTurbo)
// import legend from d3
import { Legend } from "@d3/color-legend"
// use Legend w/ color scale
Legend(colorScale, {
title: "hour of the day",
ticks: 24
})
// type your code here
// type your code here
// type your code here
import {
Q,
A,
styles
} with { renderSnippetOverride as renderSnippet } from "@observablehq/plot-exploration-penguins"
function renderSnippetOverride(str) {
try {
// TODO: if you want to support more variables in the solutions you add them as a string and pass them in here
const func = new Function("data", "Plot", "d3", "width", "colorScale", `return ${str}`);
return func(data, Plot, d3, width, colorScale);
} catch (e) {}
}
styles
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.
