Building and Using Tools to See.
UVA Architecture + Data Science. IT Director. Instructor.
Drag Snap to LineClosest Point droplineGroups and Layers in SVGFitness ringsRadial bar / lineFixed location Network GraphRings - circle with hole maskgetting values from inputsGet nearest data neighborsPolygons by [lon,lat] sets on Map (geo)Filter data on array of multiple valuesgeoContainsFilled Arc Polygon BandsAdd text labels to Fixed location Network GraphScale Date / Time on a lineForce Directed clustering along a pathD3 join, with updating dataSVG distance along path / curveCurves / distance color gradient"Thickened" line with SVG filled BezierTitle from Variable DropdownMousover change text
Stacked dropdown filter
import {powerplants_2010} from "@emfielduva/dvlib_sampledata"
powerplants_2010
states = [... new Set (powerplants_2010.map(d => d["Plant state abbreviation"]))] // unique state values from the full data.
viewof selectedState = Inputs.select(states, {label: "State"})
selectedState // this is just to show you here what the variable `selectedState` is returning
powerplants_2010.filter(d => d["Plant state abbreviation"] == selectedState)
plantNamesInSelectedState = powerplants_2010.filter(d => d["Plant state abbreviation"] == selectedState).map(d => d["Plant name"])
viewof selectedPlantName = Inputs.select(plantNamesInSelectedState, {label: "Plant"})
selectedPlantName // the end result - one plant, that we use in the visual or somewhere else.
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.
