I love to build dataviz for insight discovery. I also love to put technology to the service of humanity
Kadá Coding, Class 1: IntroKada Coding, Class 2: VariablesKada Coding, Class 3 FunctionsKada Coding: Ejercicios de Práctica 1
Kada Coding, Class 4 Functions Reloaded
md`# Kada Coding, Class 4 Functions Reloaded`
students = ["Diego", "Cata", "Leon", "Pipe", "JuanA", "Mafe", "Laura"]
students[Math.floor(Math.random() * students.length)]
html`
<p
id="parGreeting"
style="font-size: 46pt; color: red; font-family:cursive"
>
Hola
</p>
`
html` <p id="parGreeting"style="font-size:46pt; color: red; font-family:cursive"> Hola </p> `
function drawCircle(x) {
return `<circle r=10 cx=${x} cy=50 stroke=red></circle>`;
}
html`
<svg width=600 height=300>
${drawCircle(50)}
${drawCircle(100)}
${drawCircle(50)}
<circle r=10 cx=100 cy=100></circle>
<circle r=10 cx=70 cy=110></circle>
<circle r=10 cx=80 cy=110></circle>
</svg>
`
c1 = `<circle r=10 cx=${x1} cy=50 stroke="red"></circle>`
x1 = 50
c2 = `<circle r=10 cx=${x2} cy=50 stroke="red"></circle>`
x2 = 100
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.
