chart = Plot.plot({
grid: true,
//padding: width/6,
width: width,
height: width/2,
facet:
{
//text: "tedf",
//marginRight: -100,
data: table,
x: d => d.Day*10/10,
//label: "Days",
},
color: {
range: ["black","yellow"],
domain: [0,100],
},
x:
{
//domain: [0,15],
//align: -1,
clamp: true,
axis: null,
//reverse: true,
},
y:
{
//label: "scererere",
tickSize: 0,
domain: [-4000,100],
padding: 1,
clamp: true,
label: "Latitude",
//axis: null,
transform: d => (d*100)-500,
tickFormat: d => d/100+5 + "°"
//reverse: true,
},
r: {
domain: [0,100],
//type: "log",
//base: 20,
range: [-10,100],
},
marks: [
// Plot.frame({
// //stroke: "black",
// //insetLeft: 10,
// fill: "black",
// }),
//Plot.ruleY(table,Plot.groupY({x1: "mean",x2: "min"},{y: "count"},{stroke: "red",strokeWidth: 5})),
Plot.ruleY([0,-15],{
stroke: "white",
strokeWidth: 1,
//text: "test",
//fill: "red",
// insetTop: 50,
// insetBottom: 255,
//insetLeft: 50,
}),
Plot.dot(table, Plot.binX({r: "count", },
{
fill: "yellow",
//mixBlendMode: "multiply",
x: "POINT_X",
y: "POINT_Y",
//fill: "CONFIDENCE",
//stroke: "CONFIDENCE",
})
),
//Plot.text([0],{text:"test",fill: "red"}),
// Plot.text([0,0],{
// //filter:
// y: 0,
// text: ["test"],
// fill: "red",
// }),
Plot.ruleY(table, Plot.binX({y: "median", },
{
//filter: function(d,i){return i == 1),
x: "POINT_X",
y: "POINT_Y",
//fill: "CONFIDENCE",
//stroke: "CONFIDENCE",
})
),
]
})
penguins = FileAttachment("penguins.csv").csv({typed: true})
table = FileAttachment("Mapped_Fires_Bra_Project_TableToExcel_DD.csv").csv()
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.
