Utilsd3.selection.attrd3.selection moduled3 documentation templated3.timeParse(specifier)d3.selection.removed3.selection.merged3.selection.insertd3.selection.exit()d3.selection.datad3.selection.enterThinking with Joinsd3.selection.append(type)d3.selection.selectAlld3.selection.attrd3.selection.appendd3.selection.selectd3.selectAll docd3.select()d3-selection Doc Introd3.selection()D3 Documentation on Observable
d3.selection.style
md`# d3.selection.style` // opt+cmd+j to inspect element for detail
set_h1_style_color = d3.select("h1").style("color", "cyan")
access_h1_style_color = d3.select("h1").style("color")
set_h1_style_with_func = d3.select("h1").style("transform", function(d, i, nodes){
return `translate(100px, 0px)`;
})
set_all_p_style_with_func = d3.selectAll("p").style("transform", function(d, i, nodes){
return (i % 2 === 0) ? `translate(100px, 0px)`: `translate(200px, 0px)`
})
set_all_p_fontSize_with_func = d3.selectAll("p").style("font-size", function(d, i, nodes){
return (i % 2 === 0) ? `12px`: `18px`;
})
d3 = require("https://cdn.jsdelivr.net/npm/d3@5.12.0/dist/d3.js");
import { anchorLink } from "@embracelife/tutorial-utilities"
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.
