The avatar for @soma
Soma Maroju
Public
Edited
Jan 15, 2023
Fork of Visualizing hierarchical data
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
options = ({
/*
hierarchyColumn: "DirectoryName", // column containing the hierarchy split by a delimiter
hierarchyColumnDelimiter: "\\",
name: "Name",
value: "Length" // set the value column
*/
})
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
Insert cell
Insert cell
viewof myHeight = Range([1, 500], { value: 600, step: 10 })
Insert cell
Insert cell
Insert cell
Insert cell
import { importCell } from "@mbostock/dataflow"
Insert cell
import { multiAutoSelect } from "@john-guerra/multi-auto-select"
Insert cell
import { table2Tree } from "@john-guerra/table-2-tree"
Insert cell
import { navio } from "@john-guerra/navio"
Insert cell
import { SummaryTable } from "@observablehq/summary-table"
Insert cell
import { Range, Select, Table, Checkbox } from "@observablehq/inputs"
Insert cell
import { dataInput } from "@john-guerra/file-input-with-default-value"
Insert cell
import { heading } from "@ee2dev/formatting-in-observable"
Insert cell
nv = require("navio@0.0.66")
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