The avatar for @palewire
Ben Welsh
News Applications Editor, Reuters
Published
First Observable Notebook 2020
Edited
Mar 5, 2020
First Observable Notebook 2020
First Observable Notebook 2020Chapter 1: Hello NotebooksChapter 2: Hello ReactivityChapter 3: Hello DataChapter 4: Hello GraphicChapter 5: Hello Graphic Maker
Chapter 6: Hello Export
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
drawChart()
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
import { drawChart as updatedChart } with {
updatedBarColor as selectedBarColor
} from '@palewire/chapter-5-hello-graphic-maker'
Insert cell
updatedChart()
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
import { drawChart as customChart } with {
customSelectedState as selectedState,
customBarColor as selectedBarColor,
customSelectedRace as selectedRace,
customChartWidth as chartWidth
} from '@palewire/chapter-5-hello-graphic-maker'
Insert cell
customChart()
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
graphic = customChart() // required to render chart
Insert cell
Insert cell
Insert cell
Insert cell
graphicDek = createSVGtext({
text: dek,
y: margin.top * 5,
fontSize: 16,
maxCharsPerLine: 45,
lineHeight: 1.5
})
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell

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.
Learn more