Published
Edited
Jan 24, 2022
1 fork
Importers
11 stars
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
// set up our color scale to match EIA color schemes
color = ({
domain: ['solar', 'wind', 'coal', 'natural gas', 'nuclear', 'hydro', 'other'],
range: ["#FEC704","#5C9631", "#664F06","#BD7229","#A1333F","#0395D6","#ADADAD"]
})
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Plot.plot({
facet: {
data: data,
y: "type",
marginRight: 200,
},
fy: {
//domain: ["coal", "nuclear", "wind", "natural gas", "solar", "hydro", "other"] // uncomment to order facets
domain: ["coal", "nuclear", "wind", "natural gas"] // uncomment to limit to just 4 segments
},
marks: [
Plot.frame({ stroke: "lightgray" }),
Plot.areaY(data, {
x: "date",
y: "value",
fill: "type",
})
],
width: 800,
marginLeft: 70,
height: 800,
color,
/* :{
domain: ['solar', 'wind', 'coal', 'natural gas', 'nuclear', 'hydro', 'other'],
range: highlightRange
},*/
})


Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
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", "color", `return ${str}`)
return func(data, Plot, d3, width, color);
}
catch(e) {}
}
Insert cell
import {textcolor} from "@observablehq/text-color-annotations-in-markdown"
Insert cell
Insert cell
Insert cell
data = texasCrisis.map(d => {
return {
...d,
type: d.name.match(/Net generation from (.*) for/)[1]
}
})
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