Software Developer, Guardium Guy, Dad
Public
Edited
Dec 9, 2023
vega(
{
$schema: "https://vega.github.io/schema/vega-lite/v4.json",
height: 500,
width: 1200,
data: {
values: failedlogins
},
mark: { type: "bar", tooltip: true },
encoding: {
x: {
field: "DB Username",
type: "nominal",
sort: "-y",
axis: { labelAngle: 90 }
},
y: {
aggregate: "count",
type: "quantitative"
},
color: {
field: "Client IP",
type: "nominal"
}
}
},
{ theme: "carbong90" }
)
// load the Vega-Embed library
vega = require("vega-embed@6")
html`<link href="https://cdn.jsdelivr.net/npm/carbon-components@10.56.0/css/carbon-components.css " rel="stylesheet" />`
html`<link href="https://cdn.jsdelivr.net/npm/@carbon/charts@1.0.4/styles.css" rel="stylesheet" />`
failedlogins@2.csv
Type Table, then Shift-Enter. Ctrl-space for more options.
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.
