I love to build dataviz for insight discovery. I also love to put technology to the service of humanity
Observable IEEEVIS 2021 tutorial: Quick and Effective Visualization Prototyping with Reactive NotebooksLearning to think and code in a reactive wayLet's make a visualization for my paperI want to make a rich, interactive, multi faceted visualization, and share it.Let's create custom made and interactive visualizations using D3
From zero to an interactive and customizable tree visualization in 20 minutes
treeData = table2Tree(selected, groupBy)
dataDefault = d3.csv(
"https://media.githubusercontent.com/media/MuseumofModernArt/collection/main/Artists.csv",
d3.autoType
)
color = d3.scaleSequential([8, 0], d3.interpolateViridis)
import { dataInput } from "@john-guerra/data-input"
import { table2Tree } from "@john-guerra/table-2-tree"
import { navio } from "@john-guerra/navio"
import { chart } with {
height,
treeData as data,
color
} from "@d3/nested-treemap"
import { multiAutoSelect } from "@john-guerra/multi-auto-select"
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.
