Published
Edited
Sep 17, 2022
2 forks
8 stars
Insert cell
Insert cell
chart
Insert cell
import {chart} with {data, height} from "@d3/bar-chart@260"
Insert cell
height = 240
Insert cell
data = [
{product: "Apples", sales: 12},
{product: "Oranges", sales: 14},
{product: "Strawberries", sales: 42},
{product: "Lemons", sales: 20},
{product: "Bananas", sales: 8}
]
.map(({product, sales}) => ({name: product, value: sales}))
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