Public
Edited
Mar 8, 2023
data = [{
"event": "fll-ae-22-1",
"totalScenarios": 31,
"linkedScenarios": 13,
"totalTickets": 230,
"linkedTickets": 59,
"autoTagged": true
},
{
"event": "fll-ae-22-1",
"totalScenarios": 31,
"linkedScenarios": 11,
"totalTickets": 230,
"linkedTickets": 43,
"autoTagged": false
},
{
"event": "fll-ae-21-1",
"totalScenarios": 15,
"linkedScenarios": 9,
"totalTickets": 53,
"linkedTickets": 24,
"autoTagged": true
},{
"event": "fll-ae-21-1",
"totalScenarios": 15,
"linkedScenarios": 8,
"totalTickets": 53,
"linkedTickets": 19,
"autoTagged": false
}, {
"event": "psa-22-5-blufor",
"totalScenarios": 15,
"linkedScenarios": 14,
"totalTickets": 61,
"linkedTickets": 64,
"autoTagged": true
},{
"event": "psa-22-5-blufor",
"totalScenarios": 15,
"linkedScenarios": 14,
"totalTickets": 61,
"linkedTickets": 64,
"autoTagged": false
},
{
"event": "mbt-22-2",
"totalScenarios": 14,
"linkedScenarios": 9,
"totalTickets": 35,
"linkedTickets": 36,
"autoTagged": true
},
{
"event": "mbt-22-2",
"totalScenarios": 14,
"linkedScenarios": 9,
"totalTickets": 35,
"linkedTickets": 32,
"autoTagged": false
}
]
Plot.plot({
facet: {
data: data,
x: "event"
},
color: {type: "categorical"},
marks: [
Plot.barY(data, {x: "autoTagged", y: "linkedScenarios", fill: "autoTagged" }),
Plot.ruleY([0])
]
})
Plot.plot({
title: "Tickets",
facet: {
data: data,
x: "event"
},
color: {type: "categorical"},
marks: [
Plot.barY(data, {x: "autoTagged", y: "linkedTickets", fill: "autoTagged" }),
Plot.ruleY([0])
]
})
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.
