VizLugares = Plot.plot({
marginLeft: 150,
height: 400,
marks: [
Plot.barX(lugares, {y: "Entidad", x: "Cantidad", sort: {y: "x", reverse: true, limit: 10}}),
Plot.ruleX([0])
]
})
VizOrgs = Plot.plot({
marginLeft: 150,
height: 400,
marks: [
Plot.barX(organizaciones, {y: "Entidad", x: "Cantidad", sort: {y: "x", reverse: true, limit: 10}}),
Plot.ruleX([0])
]
})
VizPersonas = Plot.plot({
marginLeft: 150,
height: 400,
marks: [
Plot.barX(personas, {y: "Entidad", x: "Cantidad", sort: {y: "x", reverse: true, limit: 10}}),
Plot.ruleX([0])
]
})
TablaDeDatos = Inputs.table(data)
lugares = FileAttachment("entidades_lugaresInformeFinal.csv").csv({typed: true})
organizaciones = FileAttachment("entidades_organizacionesInformeFinal.csv").csv({typed: true})
personas = FileAttachment("entidades_personasInformeFinal.csv").csv({typed: true})
chart.zoomTo(coord, 15)
x = d3.scaleLinear()
.domain([-100, 100])
.range([0, width])
xAxis = (g, x) => g
.attr("transform", `translate(0,${height})`)
.call(d3.axisTop(x).ticks(12))
.call(g => g.select(".domain").attr("display", "none"))
y = d3.scaleLinear()
.domain([-90, 90])
.range([height, 0])
yAxis = (g, y) => g
.call(d3.axisRight(y).ticks(12))
.call(g => g.select(".domain").attr("display", "none"))
z = d3.scaleOrdinal()
.domain([0, 20])
.range(d3.schemeCategory10)
height = 600
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.
