chart = Plot.plot({
width: width+300,
height: width,
//clip: true,
facet:
{
data: array,
y: ((d=>d.Long_DMS*-1)),
inset: 10,
},
fy:
{
//domain: [-8,-6,-4,-2,0,2,4,6,8,10,12,14,16],
axis: null,
},
y: {
label: "",
axis: null,
type: "symlog",
domain: [0,10],
},
r: {
range: [1,10]
},
color: {
type: "categorical",
domain: (["BOL","BRA","COL","ECU","FR1","GUY","PER","SUR","VEN"]),
scheme: "tableau10",
//range: (["#24a6a8","#6b6b53",]),
},
marks: [
Plot.areaY(array,
Plot.binX({y: ("count"), thresholds: 350, //fill: "count",
},
{
x: "doy",
sort: "doy",
//y: "Long_DMS",
fill: "red",
inset: -0.5,
curve: "basis",
stroke: "white",
strokeWidth: 2,
})),
// Plot.areaY(array,
// Plot.binX({
// y: "count",
// thresholds: 350, //fill: "count",
// },
// {
// x: "doy",
// dy: 2,
// //marginBottom: 40,
// //y: {},
// sort: "doy",
// //y: "Long_DMS",
// fill: "white",
// //range: [50,0],
// //inset: 50,
// //opacity: 0.5,
// align: 10,
// curve: "basis",
// //stroke: "white",
// //strokeWidth: 2,
// })),
//Plot.ruleY([0],{stroke:"white"}),
//Plot.ruleY([0]),
// Plot.frame(
// {
// fill: "white",
// },
// ),
// Plot.frame({
// stroke: "black",
// insetBottom: [30],
// fill: "black",
// mixBlendMode: "burn",
// }),
]
})
array = FileAttachment("Mapped_Fires_Amazon_Project_Regions_2_Dates_Lat_Long_Viz_2.csv").csv({typed: true})
penguins = FileAttachment("penguins.csv").csv({typed: true})
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.
