wind_red=FileAttachment("星巴克@1.csv").csv()
import {vl} from '@vega/vega-lite-api-v5'
csv=FileAttachment("旅行.csv").csv()
d3 = require("d3@5", "d3-sankey@0.12", "d3-array@^2.2")
viewof dateView_MEDV = vegaSync({
facts,
dims: d => {
return [d.calorie];
},
interactivity: "brush",
counts: true,
normalized: true,
spec: {
title: '产品销量',
width: w,
layer: [
{
mark: "line",
data: {
name: "counts"
},
encoding: {
x: {
field: "key",
type: "quantitative",
title: "产品销量"
},
y: {
field: "value",
type: "quantitative",
title: "分布指数"
},
color: {
value: "#ccc"
}
}
},
{
mark: "bar",
data: {
name: "counts"
},
selection: {
brush: {
name: "brush",
type: "interval",
encodings: ['x']
}
},
encoding: {
x: {
field: "key",
type: "quantitative"
},
y: {
field: "filtered",
type: "quantitative"
},
color: {
condition: { selection: "brush", value: colorVega },
value: "#bbb"
}
}
}
]
},
// specifique observable
invalidation,
visibility
})
facts = createFacts(csv)
G2Plot = require("@antv/g2plot@1.0.1");
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.
