Published
Edited
Apr 13, 2022
Insert cell
Insert cell
url = "https://data.cityofberkeley.info/resource/4tbf-3yt8.json?$limit=1000"
Insert cell
//data = fetch(url).then( res => res.json() )
Insert cell
height = 300
Insert cell
import {loadSocrata} from "@john-guerra/socrata-load-multiples-pages"
Insert cell
data = loadSocrata(url)
Insert cell
datasav = data
Insert cell
import {navio} from "@john-guerra/navio"
Insert cell
navio(data)
Insert cell
import {table2Tree} from "@john-guerra/table-2-tree"
Insert cell
treeData = table2Tree( data, ["gender", "age", "city"] )
Insert cell
//import { chart } with { treeData as data, height } from "@analyzer2004/3d-treemap"
import { chart } with { treeData as data, height } from "@thetylerwolf/day-10-treemap"
Insert cell
Tutorial1 = 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