Economics students and Frontend Developer .
Public
Edited
Jul 7
dbClient
mutable puntos = []
maping.map.on("moveend", async () => {
const bounds = maping.map.getBounds();
console.log(bounds);
const query = `
SELECT lat, lon FROM arbolado
WHERE lat BETWEEN ${bounds.getSouth()} AND ${bounds.getNorth()}
AND lon BETWEEN ${bounds.getWest()} AND ${bounds.getEast()};
`;
const result = await dbClient.query(query);
mutable puntos = result;
})
puntos.forEach(({ lat, lon }) =>
L.circle([lat, lon], {
radius: 2,
fillColor: "green",
fillOpacity: 0.8,
stroke: false
}).addTo(maping.map)
)
d3.mean(barrios_arboles.features.map((d) => d.properties.arboles))
kde = require("fast-kde")
density1d = kde.density1d(
barrios_arboles.features
.map((d) => d.properties.arboles)
.sort((a, b) => a - b),
{ bandwidth: 1, pad: 4, bins: 512 }
)
barrios_arboles.features.map((d) => d.properties.arboles).sort((a, b) => a - b)
parcelas_visualize = FileAttachment("parcelas_visualize.parquet")
parcelas = geoparquet.toGeoJson({
file: await parcelas_visualize.arrayBuffer()
})
Plot.plot({
width: 800,
projection: {
type: "reflect-y",
domain: distancias
},
marks: [
Plot.geo(distancias, {
fill: (d) =>
Math.min(
d.properties["distancia_a_Paseo Bolivar"],
d.properties.distancia_a_Buenavista
)
})
]
})
centros = FileAttachment("centros@3.geojson").json()
arbolesporbarrio = barrios_arboles.features.map((feat) => {
return {
...feat.properties,
pormetro: feat.properties.arboles / feat.properties.AREA_M2
};
})
tress = FileAttachment("tress.geojson").json()
import { Plot } from "@mkfreeman/plot-tooltip"
geoparquet = await import("https://cdn.jsdelivr.net/npm/geoparquet/+esm")
distancias = geoparquet.toGeoJson({
file: await parcelas_distancias.arrayBuffer()
})
parcelas_distancias = FileAttachment("parcelas_distancias.parquet")
Plot.plot({
marks: [
Plot.dot(parcelas_datos, {
x: "ESTRATOACT",
y: ""
}),
Plot.linearRegressionY(parcelas_datos, {
x: "ESTRATOACT",
y: "Valor_Metro",
stroke: "red"
})
]
})
parcelas_datos = parcelas.features.map((f) => f.properties)
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.
