Department of Computer Science, Virginia Tech
// D3 is automatically imported in Observable
//d3 = require("d3")
d3.version
data = await FileAttachment("States2010.csv").csv({ typed: true })
chart = {
// Define SVG tag
// Select the SVG
// MARKS: maps data rows to rects
// CHANNELS: maps data columns to rect attributes
// Interaction
// Tooltip
// return SVG tag
}
chart2 = {
// copy and paste from above
}
// predefined by Observable:
width
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.
