Design, tech, engineering and science. Head of Design and User Research.
1 + 2 // Clearly sum of two numbers
"A" + "B" // Clearly combination of two strings
1 + "2" // Join a number and a piece of text?
function get_miles_driven () {
return 200
}
get_miles_driven()
get_miles_driven() > 0
get_miles_driven() > 0 ? "Car is used" : "Car is new"
get_miles_driven() ? "Car is used" : "Car is new"
is_alive
is_alive ? "green" : "red"
is_healthy
is_old
is_healthy && is_old // and
is_healthy || is_old // or
napoleon_birth_year = 1769
current_year = new Date().getFullYear()
current_year - napoleon_birth_year
(current_year - napoleon_birth_year) / 1000
tax_rate = 0.24
price = 17.99
tax_free_price = price / (1 + tax_rate)
interest_rate = 0.0288
daily_interest_rate = interest_rate / 365
daily_interest = capital * daily_interest_rate
capital + daily_interest
Date.now()
[r, g, b]
first_name = "Napoleon"
last_name = "Bonaparte"
full_name = first_name + " " + last_name
full_name.length
full_name.indexOf("B")
full_name.replaceAll("a", "Σ")
full_name.toUpperCase()
"https://aliveordead.com/" + full_name.toLowerCase().replaceAll(" ", "-")
numbers = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9]
letters = ["a", "b", "c", "d", "e", "f"]
numbers.length
letters.length
letters[1]
[...numbers, ...letters]
_.reverse([...numbers])
_.slice(letters, 0, 2) // Picks 2 values, starting from the 0th position
_.slice(letters, letters.length / 2) // Get latter half of the list
function number_filter_condition (number) {
return number < 5
}
_.filter(numbers, number_filter_condition)
numbers_plus_ten = _.map(numbers, (num) => num + 10)
_.sum(numbers)
_.sum(numbers_plus_ten)
letters.join(" and ")
[numbers, numbers_plus_ten]
_.map([numbers, numbers_plus_ten], _.sum)
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.
