SARC 5400 Data Visualization, School of Architecture / School of Data Science, University of Virginia
powerplants_allUS_2021.csv
Type Table, then Shift-Enter. Ctrl-space for more options.
data = FileAttachment("powerplants_allUS_2021.csv").csv() // parse the CSV file into an Array (list)
toNum = (text) => Number(text.replace(/,/g,'')); // a function to strip commas and make a number
data.forEach(d => {
// then iterate through the full dataset and clean two columns that we need.
if (d["Plant annual net generation (MWh)"] != null) {d["Plant annual net generation (MWh)"] = toNum(d["Plant annual net generation (MWh)"])}
if (d["Plant annual CO2 equivalent emissions (tons)"] != null) {d["Plant annual CO2 equivalent emissions (tons)"] = toNum(d["Plant annual CO2 equivalent emissions (tons)"])}
})
<svg width="1000" height="1000">
<text x="20" y="35" style="font-size:24px; font-family: sans-serif">U.S. Power Plants</text>
</svg>
viz = d3.select(powerplants) // select the SVG cell as a D3 object called viz
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.
