The avatar for @alejandrohs85
Jaime Alejandro Barragán
Published
Edited
Jun 24, 2020
1 star
2
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
viewof width = slider({
min: 100,
max: 1200,
step: 1,
description: "Modifica el tamaño de la imágen"
})
Insert cell
imagen_1 = html`<img src='https://arqdis.uniandes.edu.co/wp-content/uploads/2020/03/conexion-p4-enrique-guzman.jpg' width=${width}>`
Insert cell
Insert cell
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%)`, 50)
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

One platform to build and deploy the best data apps

Experiment and prototype by building visualizations in live JavaScript notebooks. Collaborate with your team and decide which concepts to build out.
Use Observable Framework to build data apps locally. Use data loaders to build in any language or library, including Python, SQL, and R.
Seamlessly deploy to Observable. Test before you ship, use automatic deploy-on-commit, and ensure your projects are always up-to-date.
Learn more