Dr. Tanner is a research professor at the University of Tennessee working towards making data science accessible using AI tools.
Public
Edited
Jul 25, 2023
htl.html`
${[
// colors=array([[ 0, 0, 0],
// [247, 105, 164],
// [196, 28, 142],
// [121, 0, 124],
{ style: { width: '20px', height: '20px', backgroundColor: `rgb(0, 0, 0)` } },
{ style: { width: '20px', height: '20px', backgroundColor: `rgb(247, 105, 164)` } },
// { style: { width: '20px', height: '20px', backgroundColor: `#f069a3` } },
{ style: { width: '20px', height: '20px', backgroundColor: `rgb(196, 28, 142)` } },
// { style: { width: '20px', height: '20px', backgroundColor: `#c31d8e` } },
{ style: { width: '20px', height: '20px', backgroundColor: `rgb(121, 0, 124)` } },
// { style: { width: '20px', height: '20px', backgroundColor: `#752879` } },
].map(({ style }) => htl.html.fragment`
<div style=${style}></div>
`/* htl.html.fragment */)}
`/* htl.html */
DATA = [[0, 0, 0, 0], [1, 121, 0, 124], [2, 196, 28, 142], [3, 247, 105, 164]]
DATA
X
0
Y
2
Color
—
Size
—
Facet X
—
Facet Y
—
Mark
Auto
Type Chart, then Shift-Enter. Ctrl-space for more options.
import { embed } from '@player1537/utilities'
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.
