Plotting TemplateMarkdownTeXArrays and ObjectsPlotting Method 1Plotting Method 2Plotting Method 3Horizontal LinesCars/Horizontal LineSlopeLinesBest Fitting LineParabolaSineExponential FunctionLogarithmic FunctionGrowth RatesSigmoid FunctionDerivative of ParabolaDerivative of SineDerivative of Exponential FunctionDerivative Using Chain RuleBlocks of CodeFor LoopsGradient DescentGradient DescentThe MSEMSE With Just SlopeGradient Descent ProgramClassesRegression ModulePenguinsPenguins ApplicationBaseball ApplicationPlanesParaboloidSine WaveAnother Sine WaveThe GradientGradient Descent with ParaboloidGradient Descent with a Sine WaveGradient Descent with another Sine WaveRegression RevisitedMinimizing MSERegression ClassPenguinsRegression Class (with second predictor)Derivative PracticeExam Practice
Plotting Example
d3.max(cars,d => d.Miles_per_Gallon)
d3.max(cars,d => d.Horsepower)
Plot.plot({
x:{domain:[0,50],label:"mpg",grid:true},
y:{domain:[0,250],label:"hp",grid:true},
style:{
color:"green",
background:"gold"
},
marks:[
Plot.frame({fill:"cornsilk",stroke:"green"}),
Plot.ruleX([0]),
Plot.ruleY([0]),
Plot.dot(cars,{x:"Miles_per_Gallon",y:"Horsepower",fill:"firebrick",stroke:"black"})
]
})
One platform to build and deploy the best data apps
Experiment and prototype by building visualizations in live JavaScript notebooks. Collaborate with your team and decide which concepts to build out.
Use Observable Framework to build data apps locally. Use data loaders to build in any language or library, including Python, SQL, and R.
Seamlessly deploy to Observable. Test before you ship, use automatic deploy-on-commit, and ensure your projects are always up-to-date.