Public
Edited
Sep 17, 2023
Insert cell
Insert cell
Insert cell
data = FileAttachment("djia-components-2023-09-17.json").json()
Insert cell
Insert cell
import {
treemapOptions as treemapOptions,
schemeOptions as schemeOptions,
}
from "@chiahsun-ws/zoomable-nested-treemap"
Insert cell
viewof treemapSelected = Inputs.select(treemapOptions, {value: "treemapSquarify", label: "Treemap types"})
Insert cell
viewof schemeSelected = Inputs.select(schemeOptions, {value: "interpolateMagma", label: "Scheme colors"})
Insert cell
height = 1500
Insert cell
import { chart }
with { data, treemapSelected as treemapType, schemeSelected as schemeColor, height}
from "@chiahsun-ws/zoomable-nested-treemap"
Insert cell
chart
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