2
.5 // type a floating point here
1e+21
13 % 5
false
5 < 4
5 > 4 && 5 > 3
'James'
myName = 'James' + ' Gordon'
myName.length
myName.toLowerCase()
`$My name is ${myName}, and I am ${20 + 20} years old`
md`
* item 1
* item 2
* item 3
`
html`<ul>
<li>item 1</li>
<li>item 2</li>
<li>item 3</li>
</ul>`
array = ['a', 'b', 'c']
array[2]
// slice from the left
// now slice from the right
// now slice from both sides
// turn an array into a string
'I put my thing down and split it and reverse it'.split('').reverse().join('')
object = ({key1: 'value1', key2: 'value2', key3: 3})
Object.values(object)
data = [
{city: "Seattle", annual_hours_sunshine: 2163, annual_precipitation: 37.13},
{city: "New York", annual_hours_sunshine: 2677, annual_precipitation: 46.23},
{city: "Chicago", annual_hours_sunshine: 2504, annual_precipitation: 39.04},
]
// define a block here
function percentChange(n, o) {
return ((n - o) / o) * 100
}
percentChange(100, 50)
percentChangeArrow = (n, o) => ((n - o) / o) * 100
percentChangeArrow(100, 50)
precip = d => d.annual_precipitation
precip(data[2])
d3 = require('d3-array')
d3.mean(data, d => d.annual_precipitation)
d3.min(data, d => d.annual_precipitation)
d3.max(data, d => d.annual_precipitation)
import {printTable} from '@uwdata/data-utilities'
printTable(data)
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.
