Notebooks 2.0 is here.
I love to build dataviz for insight discovery. I also love to put technology to the service of humanity
md`# Kada Coding, Class 3 Functions
* Functions
* Arrays
* Code blocks`
html`
<div>
Esto es <strong>HTML</strong>
</div>
<!-- Write your comments here -->
<p>
Uno <br/>
Dos <br/>
Tres <br/>
</p>
<p>Esto es un párrafo</p>
<p>Esto es un párrafo, <span id="bigger">John</span></p>
`
gradesMd = md`# Student Grades
${img}
<img src="pic_trulli.jpg" alt="Italian Trulli">
<input type="text" placeholder="Enter your name">
Student | Grade
-- | --
Mafe | 4.9
John | 0.3
Cata | 4.8
Pipe | 0.3
<table>
<th>
<td>Student</td>
<td>Grade</td>
<th>
<tbody>
<tr>
<td>Juan</td>
<td>23</td>
</tr>
</tbody>
</table>
...
`
img = FileAttachment("Screen Shot 2021-01-21 at 5.47.21 PM.png").image()
name = "John Alexis"
name.length
name.toUpperCase()
elTony = FileAttachment("foto_JohnGuerra_May_2019_med.jpg").image()
elTonyUrl = FileAttachment("foto_JohnGuerra_May_2019_med.jpg").url()
md`
## El Tony
${elTony}
<img src="${elTonyUrl}">
`
a = 32
b = 21
a + b
function saludar() {
return "HOla!!!";
}
saludar()
saludar()
saludar()
md`
El resultado es ${saludar(1234)}
`
function saludarA(aQuien) {
return "HOla " + aQuien;
}
saludarA()
saludarA("Mafe")
saludarA("Laura")
md`
Student | Name Length | Capitalized Name
-- | -- | --
Laura | 5 | LAURA
Mafe | 4 | MIFE
Cata | 4 | CATA
`
name1 = "Mafe"
name1.length
name1.toLocaleUpperCase()
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.
