Graphics reporter at The Washington Post
Public
Edited
Mar 6, 2023
1 fork
<!-- Elemento SVG -->
<svg viewBox="0 0 400 200" xmlns="http://www.w3.org/2000/svg">
<!-- que contiene una etiqueta rectángulo -->
<rect x="0" y="0" width="20" height="20" fill="pink" />
<line x1="0" x2="0" y1="0" y2="20" stroke="black" />
<line x1="0" x2="20" y1="20" y2="20" stroke="black" />
<!-- que contiene una etiqueta círculo -->
<circle cx="10" cy="10" r="1" fill="red"/>
<circle cx="20" cy="40" r="2" fill="blue"/>
<circle cx="50" cy="70" r="2" fill="green"/>
<circle cx="10" cy="50" r="2" fill="yellow"/>
<!-- line
-->
<!-- path
</svg> -->
datos = [
{ nombre: "Adrian", valor: 2 },
{ nombre: "Sergi", valor: 10 },
{ nombre: "Juanlu", valor: 10 },
{ nombre: "Ana", valor: 10 }
]
Plot.plot({
marks: [
Plot.barY(datos, {
x: "nombre",
y: "valor",
sort: { x: "y", reverse: false },
fill: "pink"
}),
Plot.ruleY([0])
]
})
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.
