GroupsRotation and ScalingMaking a BarbellPathsRandomnessArrays of Random NumbersD3Intro to D3Grouping with D3Rotation with D3Barbell AgainSaving the SelectionRandom CirclesRandom Circles 2Random Circles 3Paths with D3Paths with D3 Part 2ScalesAxesX and Y AxesMore on AxesRadio ButtonsSelect BoxRadio Buttons in ActionFunctionsClick EventsIf StatementsMouseover/Mouseout EventsData Analysis: Japanese Cars (Incomplete)Data Analysis: Detroit TigersData Analysis: Detroit Tigers (Example of Proper Linear Regression and RMSE)Logistic Regression
Plotting Exercise 1
svg = {
const svg = html`<svg id = "svg"></svg>`
const container = d3.select(svg)
const scale = d3.scaleLinear().domain([0,10]).range([30,570])
const axis = container.append("g").attr("transform","translate(0,150)")
d3.axisBottom(scale)(axis)
for(let i = 0;i < 20; i = i + 1){
const x = Math.random()*10
container.append("circle")
.attr("r",5)
.attr("cy",150)
.attr("cx",scale(x))
}
return svg
}
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.
