fflate = import("https://cdn.skypack.dev/fflate?min")
A = fetch(
CORS_PROXY +
"https://data.cquest.org/elections/RG2021/resultats-par-niveau-bv-t1-france-entiere-2021-06-22-11h36.csv.gz"
).then((d) => d.arrayBuffer())
A1 = d3
.dsvFormat(";")
.parse(fflate.strFromU8(fflate.decompressSync(new Uint8Array(A))))
B = fetch(CORS_PROXY + "https://visionscarto.net/obs/jszip-demo/data.zip")
.then((d) => d.arrayBuffer())
.then((buffer) => fflate.unzipSync(new Uint8Array(buffer)))
B1 = Object.fromEntries(
Object.entries(B).map(([key, buf]) => [
key,
d3.csvParse(fflate.strFromU8(buf), d3.autoType)
])
)
b = new Blob([
fflate.zipSync({
// Directories can be nested structures, as in an actual filesystem
dir1: {
nested: { "hello.txt": fflate.strToU8("Hello world!") }
}
})
])
DOM.download(b, "file.zip", "Download this file")
fflate.unzipSync(new Uint8Array(await b.arrayBuffer()))
import { CORS_PROXY } from "@fil/cors-proxy"
evaluate_compressed_size("aaaaaaaaaaaaaaaaaaaaaa")
function evaluate_compressed_size(text) {
if (typeof text !== "string") text = JSON.stringify(text);
return fflate.zipSync({ test: fflate.strToU8(text) }).length;
}
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.
