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.styled3.selection.attrd3.selection.appendd3.selection.selectd3.selectAll docd3.select()d3.selection()D3 Documentation on Observable
d3-selection Doc Intro
d3.selectAll("p")
.attr("class", "graf")
.style("color", "red");
html`<div id="blue_canvas"/>`
d3.select("#blue_canvas") // return htmldivelement
d3.select("#blue_canvas")
.append("svg")// return svgsvgelement
d3.select("#blue_canvas")
.append("svg")
.attr("width", 96)
.attr("height", 50)
.append("g") // return svggelement
.attr("transform", "translate(20,20)")
// d3.select("body")
d3.select("#blue_canvas")
.append("svg")
.attr("width", 96)
.attr("height", 50)
.append("g")
.attr("transform", "translate(20,20)")
.append("rect") // return svgrectelement
.attr("width", 920)
.attr("height", 460)
.attr("fill", "blue");
load_d3_selection = require("d3-selection")
d3 = require("d3@5")
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.
