Published
Edited
Sep 18, 2019
tickDuration = 1500;
top_n = 12;
height = 800
// dataset = d3.csv('https://raw.githubusercontent.com/addadc/nextleader/master/LeaderOdds.csv')
rankingData=d3.csv('https://docs.google.com/spreadsheets/d/e/2PACX-1vTCvBOMiStci-QSmTx0cwI5fM3ea3vGJ0pnkHDnyeG5qN4NJkDF0ZpPXRnOms6U_NXKEZXnFQryYhOM/pub?gid=1940910175&single=true&output=csv')
years = rankingData.columns.slice(1).map(d => parseInt(d))
righe={
let righe = [];
rankingData.forEach(function(d) {
const name = d['names']
for (let y in years){
let riga = {};
riga['name'] = name;
riga['year'] = years[y];
riga['value'] = +d[years[y]];
riga['lastValue'] = +(years[y]=="1" ? d[years[y]] : d[years[y-1]])
righe.push(riga);
}
})
return righe
}
dataset_cleaned=d3.csv('https://docs.google.com/spreadsheets/d/e/2PACX-1vRJKzGSc_5oFvn2tgPICPw97zqQ4nqPS2Y_PloBKQfax2K5bikePFtFQo-_HFPqKwDYjcz42ae7Ei0Y/pub?gid=1374073234&single=true&output=csv')
dataset_cleaned.filter(d => d.year == "25")
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.
