md`Here is some Markdown. Edit me! You can add...
# Headers of
### different sizes,
* bullet
* points
\`fixed width font\`
1. Ordered
2. Lists,
and more. For reference, here is a [guide to formatting using the Markdown syntax](https://observablehq.com/@jaynel/markdown-summary)`
html`<h4>Here is some HTML</h4>`
{
let message = "Here is some JavaScript"
return message
}
currentWeek = 1
"There are " + (10 - currentWeek) + " weeks left in the quarter"
// Instantiate a variable named exponent here
2**exponent
cars = (await require('vega-datasets@1'))['cars.json']()
printTable(cars.slice(0,10))
population = (await require('vega-datasets@1'))['population.json']()
// viewof shows the table view, but assigns the table value
viewof population_table = aq.from(population).view()
md `Jot your ideas here!`
cars_table = aq.from(cars)
cars_table
.filter(d => op.includes(op.upper(d.Origin), 'USA'))
.view()
cars_table
.filter(d => op.includes(op.upper(d.Origin), 'USA'))
.orderby("Miles_per_Gallon")
.view()
cars_table
.filter(d => op.includes(op.upper(d.Origin), 'USA'))
.orderby(aq.desc("Miles_per_Gallon"))
.view(5)
// Add your transformations here!
population_table
{
let popPivot = aq.fromCSV(await FileAttachment('population.csv').text())
return popPivot
.fold(aq.range(1,15), {as:['year', 'population']})
.view()
}
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.