Published unlisted
Edited
Aug 19, 2020
String(months[0].month)
/* months = Array.from({length: (2020-2000)*12}, (_, i) => {
const date = new Date("2000-01-01");
date.setMonth(i+11);
return date;
}) */
renewable_totals = {
let solar_data = plant_data.filter(data => data['label'].includes('solar'));
let solar_sum = Math.round(d3.sum(solar_data, data => data['capacity'])).toLocaleString() + ' MW';
let wind_data = plant_data.filter(data => data['label'].includes('wind'));
let wind_sum = Math.round(d3.sum(wind_data, data => data['capacity'])).toLocaleString() + ' MW';
return [solar_sum, wind_sum]
}
function circle_size(capacity) {
const scale = d3.scaleLinear()
.domain([0, 750])
.range([4, 12]);
return scale(capacity)
}
plant_data = {
let month_plants = capacities_by_month.filter(data => data['month'].getTime() == month.getTime());
return month_plants.map( d =>
({loc: proj(get_plant_location(d['full_plant_id'])),
capacity: d['Nameplate Capacity (MW)'],
label: d['full_plant_id']
}))
}
plant_data2 = []
{
let month_plants = capacities_by_month.filter(data => data['month'].getTime() == month.getTime());
// remove plants that no longer exist
plant_data2.push(8)
}
function get_plant_location(plant_id) {
plant_id = plant_id.slice(0,plant_id.search('_'));
let plant_data = plant_locations[plant_locations.findIndex(d => d['full_plant_id_notech'] == plant_id)];
return [plant_data.Longitude, plant_data.Latitude]
}
function plantcolor(planttype){
if (planttype.includes("wind")) {
return '#b8d2f5' }
else {
return '#f5e2ae'
}}
path = d3.geoPath()
states = new Map(us.objects.states.geometries.map(d => [d.id, d.properties]))
us = FileAttachment("counties-albers-10m.json").json()
proj = d3.geoAlbersUsa().scale(1300).translate([487.5, 305])
capacities_by_month = d3.csvParse(await FileAttachment("capacities_by_month@5.csv").text(), d3.autoType).sort((a,b) => parseInt(b.full_plant_id.slice(0,b.full_plant_id.search('0')) - a.full_plant_id.slice(0,a.full_plant_id.search('-'))))
months = d3.csvParse(await FileAttachment("months.csv").text(), d3.autoType)
plant_locations = d3.csvParse(await FileAttachment("plant_locations.csv").text(), d3.autoType)
topojson = require("topojson-client@3")
import {Scrubber} from "@mbostock/scrubber"
d3 = require("d3@5")
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.
