GroupsRotation and ScalingMaking a BarbellPathsRandomnessArrays of Random NumbersD3Intro to D3Grouping with D3Rotation with D3Barbell AgainSaving the SelectionRandom CirclesRandom Circles 2Random Circles 3Paths with D3ScalesAxesPlotting Exercise 1X 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
Paths with D3 Part 2
svg = {
const svg = html`<svg id = "svg"></svg>`
const container = d3.select(svg)
const pathData = d3.line().x(d => d.x).y(d => d.y)(data)
container.append("path")
.attr("stroke","black")
.attr("fill","none")
.attr("d",pathData)
return svg
}
data = [
{x:300, y:150},
{x:600, y:0},
{x:300, y:300},
{x:0, y:0},
]
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.
