Public
Edited
Jan 3, 2023
import {dvHeatmap} from "@emfielduva/dvlib_layout"
d3 = require("d3@5")
Processed-data_Pacific_new.csv
Type Table, then Shift-Enter. Ctrl-space for more options.
Processed-data_AIS_new.csv
Type Table, then Shift-Enter. Ctrl-space for more options.
Processed-data_Caribbean_new.csv
Type Table, then Shift-Enter. Ctrl-space for more options.
svg = d3.select("body")
.append("div").attr("id","caribbean_hm")
.append("svg")
.append("g")
FileAttachment("Processed-data_Caribbean_new.csv")
.csv()
.then((data)=>{
const groups = data.columns
const yes=0,
no=0,
toSomeExtent=0,
verylittle=0,
significantly=0,
notatall=0,
idontknow=0,
other=0;
for (let index = 0; index < data.length; ++index) {
const curr = data[index]
console.log(curr)
}
return groups
})
processedData_pacific_new
options = ({
boxsize:5,
paddingX:1,
colorScale:d3.scaleDiverging(),
startPos:{x:100,y:20},
rotateColumnTextDeg:-60})
htmlElm = d3.select("#heatmap");
pacific_heatmap = dvHeatmap(htmlElm, processedData_pacific_new)
pacific_heatmap
processedData_caribbean_new
processedData_ais_new
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.
