Setting up a Node ServerWeek 12 - Interaction and Animation: D3 Transitions, Behaviors, and BrushingWeek 11 - Intro to D3.js: Mapping Data with D3Week 10 - Intro to D3.js: Making a ChartParsing API ResponsesWeek 4a - Exploring Data with Vega-LiteWeek 3 - Data Management with ZebrasWeek 1b - Introduction to JavascriptWeek 1a - Introduction to HTML and JavascriptWeek 0 - Introduction to Observable
Week 2a - Introduction to Javascript Part2
{
for(var i=0; i<10; i++){
console.log(`Iteration number ${i}`) // Remember that the output will show up in the Console.
}
return i
}
{
let array = [0, 1, 2, 3, 4]
for(var i in array){
array[i] = array[i] ** 2
}
return array;
}
{
var counter = 0
while(counter < 5){
console.log(`The counter is ${counter}, which is less than 5.`)
counter += 1
};
return counter
}
//once counter=5, stop looping
//x += y is x = x + y
{
const num = 100
if(num == 100) {
return "100!"
}
else {
return "Not 100..."
}
}
{
const num = 100
if(num == 99) {
return "99!"
}
else {
return "Not 99..."
}
}
{
var number = 100
if(number == 100){
return "Number is 100"
} else if(number < 100){
return "Number is less than 100."
} else if(number > 100){
return "Number is greater than 100."
}};
//else if do require conditions
// function declaration with parameters
function multiply_this(a,b) {
return a*b
}
{
// call the function, providing arguments for the parameters
const x = 4
const y = 5
return multiply_this(x,y) // run function with x and y as our arguments
}
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.
