EJ Fox & Ian Johnson
streaming data, code, acid, design
pie(preview_options)
teachingSets = await FileAttachment("datasets.csv").csv({ typed: true })
preview_options = teachingSets
.filter(d => d.data_url && d.title)
.map(d => ({ value: d.data_url, name: d.title }))
degrees = {
spin.value;
return chance.floating({ min: 0, max: 360 });
}
choices = [choice0, choice1, choice2, choice3, choice4]
import {
choice,
choice0,
choice1,
choice2,
choice3,
choice4
} from "@codingwithfire/coding-with-doom-fire"
pie = d3
.pie()
.padAngle(0.01)
.sort(null)
.value(d => 1)
arc = {
const radius = Math.min(width, height - 50) / 2;
return (
d3
.arc()
// .innerRadius(radius * 0.67)
.innerRadius(50)
.outerRadius(radius - 1)
);
}
height = 700
chosen = chance.pick(options)
d3 = require("d3@6")
Chance = require("chance")
colors = [
// "#23171b",
"#4a58dd",
"#2f9df5",
"#27d7c4",
"#4df884",
"#95fb51",
"#dedd32",
"#ffa423",
"#f65f18",
"#ba2208",
"#900c00"
]
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.
