The avatar for @cas-datenvisualisierung
CAS Datenvisualisierung
Published
3 Observable und Javascript
Edited
Mar 11, 2022
Insert cell
Insert cell
Insert cell
Insert cell
Type JavaScript, then Shift-Enter. Ctrl-space for more options. Arrow ↑/↓ to switch modes.

Insert cell
whoAmI = ({
name: "Kaspar Manz",
position: "Teamleiter Grafik",
company: {
name: "Neue Zürcher Zeitung",
place: "Zürich",
homepage: "https://www.nzz.ch"
},
favouriteColour: "#341513",
dateOfBirth: new Date("1982-11-07"),
education: [
"Universität Bern",
"Zürcher Hochschule der Künste",
"Columbia University School of Journalism"
],
numberOfPlantsAtHome: 10,
likesCoriander: false
})
Insert cell
Insert cell
//
Insert cell
Insert cell
//
Insert cell
Insert cell
Insert cell
`Hallo, mein Name ist ${whoAmI.name}!`
Insert cell
Insert cell
//
Insert cell
Insert cell
Verwende einen Bedingungsoperator, um unterschiedliche Texte zu verwenden, je nachdem, ob jemand Koriander mag oder nicht.
Insert cell
//
Insert cell
Insert cell
Type JavaScript, then Shift-Enter. Ctrl-space for more options. Arrow ↑/↓ to switch modes.

Insert cell
Insert cell
//
Insert cell
whoAmI
Insert cell
Insert cell
//
Insert cell
Insert cell
//
Insert cell
Insert cell
//
Insert cell
Insert cell
//
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
//
Insert cell
Insert cell
Insert cell
##### Appendix
Insert cell
import { style } from "@cas-datenvisualisierung/style"
Insert cell
style
Insert cell
Type JavaScript, then Shift-Enter. Ctrl-space for more options. Arrow ↑/↓ to switch modes.

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