// vegaPetalsWidget = vl
// .markPoint()
// .data(irisSubset)
// .encode(
// vl.y().fieldQ("petalLength").scale({domain: [0, Math.max(...petalLengths)]}),
// vl.x().fieldQ('petalWidth'),
// vl.color().fieldN('species')
// )
// .render()
petalLengths = irisData.map(sample => sample.petalLength)
d3 = require("d3-dsv@1")
irisData = d3.csvParse(await FileAttachment("iris_data.csv").text(), d3.autoType)
import {rangeSlider} from '@mootari/range-slider'
irisSubset = irisData
.filter(flower =>
flower.sepalLength >= minSepalLength)
.filter(flower =>
flower.sepalWidth >= minSepalWidth)
extraCell = "initial value"
import {vl} from '@vega/vega-lite-api'
import {slider} from '@jashkenas/inputs'
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.
