Public
Edited
Apr 24, 2023
1 fork
viewof raw_data_string = csvInput({
initialUrl: await FileAttachment("sankey@4.csv").url()
})
data = d3.csvParse(raw_data_string, d3.autoType)
_ = require('lodash');
d3 = require("d3@5", "d3-sankey@0.12")
keys = data.columns.slice(0, -1) // get all but last column from the data defined above
data_color = [...new Set(data.map(d => d[Object.keys(d)[0]]))] // all unique values from the 1st column
// leaving like this if in the future different colors needed
color = d3.scaleOrdinal(data_color.slice(0,2), ["#7C6A6A","#7C6A6A"]).unknown("#7C6A6A")
color1 = "#DEDEDE"
color2 = "#CC0000"
height = 720 - adj*2
adj = 50
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.
