Published
Edited
Jun 24, 2020
2 forks
Insert cell
Insert cell
Insert cell
FileAttachment("nilzone.geojson").text()
Insert cell
Insert cell
Insert cell
FileAttachment("indici_NIL.csv").text()
Insert cell
Insert cell
dataIndexes = d3.csvParse(
await FileAttachment("indici_NIL.csv").text(),
(d, i) => {
const obj = d3.autoType(d);
delete obj['tile_ID'];
return obj;
}
)
Insert cell
Insert cell
Insert cell
Insert cell
cIndex = dataIndexes.map(d => {
const wIndex = {
uid: d.uid,
fermate: d.fermate * indici.fermateW,
crimini: (1 - d.crimini) * indici.criminiW,
eventi: d.eventi * indici.eventiW,
turismo: d.turismo * indici.turismoW,
benessere: d.benessere * indici.benessereW,
vita_notturna: d.vita_notturna * indici.vita_notturnaW,
sostenibilita: d.sostenibilita * indici.sostenibilitaW
};
const totale = d3.sum(d3.values(wIndex).splice(1)) / d3.values(wIndex).length;
wIndex.complessivo = totale;
return wIndex;
})
Insert cell
indici
Insert cell
Insert cell
Insert cell
legenda = legend({
color: d3.scaleSequential(
[0, d3.max(cIndex.map(d => d[indici.index]))],
d3.interpolateReds
),
title: `${indici.index}`
})
Insert cell
Insert cell
d3 = require('d3')
Insert cell
import { select, slider } from "@jashkenas/inputs"
Insert cell
Insert cell
import { legend } from "@d3/color-legend"
Insert cell

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.
Learn more