The avatar for @lilibc
Liliana Barbosa
Published
Edited
Jun 24, 2020
1 star
2
Insert cell
Insert cell
Insert cell
md`# Este es un título`
Insert cell
md`Este es un párrafo. Es un ejemplo de como escribir textoh.`
Insert cell
md`*Este es un párrafo* **con diferentes** ***tipos de énfasis.***`
Insert cell
md`Esta es una lista:
1. Uno
2. Dos
3. Tres`
Insert cell
md`Este es otro tipo de lista:
- Uno
- Dos
- Tres`
Insert cell
md`[Este es un link](https://posgradosfacartes.uniandes.edu.co/curso/comunicar-datos-visualizar-conocimiento/) que se dirige a la página de la clase.`
Insert cell
md`Esta es una imagen:
![La clase](https://pixabay.com/get/53e3d4404a52af14f6da8c7dda79357d133edae44e50744077277edc914ac4_1280.jpg)`
Insert cell
Insert cell
html`
<div style="background: yellow">
<p style="color: red">
Visualizar datos
</p>
</div>`
Insert cell
Insert cell
slider = html`<input type=range>`
Insert cell
Insert cell
Insert cell
Insert cell
Este es un error
Insert cell
Insert cell
b = a + 1 //Aquí se referencia a la celda 'a' que está definida abajo.
Insert cell
a = 1
Insert cell
Insert cell
total = {
var cuenta = 0;
for (var i = 0; i < 50; i++) {
cuenta++;
}
return cuenta;
}
Insert cell
total //El valor de una celda bloque puede ser utilizado en otras partes del notebook si se le pone un nombre y si se declara un return
Insert cell
sliderValue = Generators.input(slider)
Insert cell
Insert cell
Insert cell
numeros = [1, 2, 3, 4, 5]
Insert cell
carro = ({marca: "Renault", modelo: "1985", color: "rojo"})
Insert cell
personas = d3.csvParse(`Nombre,Apellido,Ciudad,Profesión,RH
Clara,Rojo,Tunja,Enfermera,AB+,
Juan,Perez,Duitama,Eléctrico,A+,
Mauricio,Hernández,Sogamoso,Profesor,B-`)
Insert cell
Insert cell
numero1 = numeros[0]
Insert cell
md`La marca del carro es ${carro.marca}`
Insert cell
md`${personas[0].Nombre} es ${personas[0].Profesión} y vive en ${personas[0].Ciudad}`
Insert cell
Insert cell
archivo_personas = FileAttachment("personas@2.csv")
Insert cell
personas_2 = archivo_personas.text()
Insert cell
Insert cell
import {ramp} from "@mbostock/color-ramp"
Insert cell
ramp(t => `hsl(${t * 360}, 100%, 50%)`, 360)
Insert cell
Insert cell
import {chart as histogram} with {datos as data} from "@d3/histogram"
Insert cell
datos = FileAttachment("values-1.json").json()
Insert cell
histogram
Insert cell
Insert cell
d3 = require("d3@5")
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