Published
Edited
Feb 7, 2020
Intro to Data Science Spring 2020Starter Template Mathematical FunctionsStarter Template Data SetsHTML IntroBarbellHouseIntro to D3 and SlidersFor LoopsGenerative ArtTransitionsAnimationPoint PlottingBeginning GraphsLine ApplicationFunction Drawing ApplicationPractice Midterm Question 1Practice Midterm 2 DemonstrationPractice Midterm 2 Template and SolutionValentine's Day TemplateSpirals TemplateModular ArithmeticPlotting a Function with a PathMore Plotting PracticeMore Area PracticeFiltering TutorialFiltering PracticeThe Normal CurveData SetsBeginning with DataMapSetMore With Time SeriesScatter PlotWednesday Final Practice 2Wednesday Final Practice 1Final 1 TemplateFinal 2 Template
Paths
{
var svgDims = [600,300]
var svg = d3.select(DOM.svg(svgDims[0],svgDims[1])).attr("style","background:white;border:1px solid black")
var pathData = d3.line().x(d => d.x).y(d => d.y)(data)
svg.append("path").attr("d",pathData).attr("stroke","black").attr("fill","none")
yield svg.node()
}
data = [{x:0,y:0},{x:200,y:100},{x:300,y:40},{x:600,y:300}]
// For Loop
{
for(var i = 0;i < 10; i++){
}
}
// While Loop
{
var i = 0
while(i < 10){
i++
}
}
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.
