Published
Edited
Mar 24, 2020
1 fork
2 stars
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
patternDefs = html`
<svg height="${patternSize}" width="${patternSize}" xmlns="http://www.w3.org/2000/svg" version="1.1">
<defs>
<pattern id="diagonalHatch" width="${patternSize}" height="${patternSize}" patternTransform="rotate(45 0 0)" patternUnits="userSpaceOnUse">
<line x1="0" y1="-1" x2="0" y2="${patternSize + 1}" style="stroke: red; stroke-width:1" />
</pattern>
</defs>
</svg>
`
Insert cell
maxCount = d3.max(
byStateAndYear, state => d3.max(
state.values, year => year.value
)
)
Insert cell
opts = ({
margin: { top: 80, right: 40, bottom: 40, left: 40 }
})
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
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