d3 = require("d3@5")
topojson = require("topojson-client@3")
states = FileAttachment("states48.json").json()
states_features = topojson.feature(states, states.objects.states48)
csv_data = d3.csvParse(await FileAttachment("states_node_measures_1910_1920.csv").text(),({STATE_FIPS, STATE_NAME, TotalFlow_1910_1920, Inflow_1910_1920, Outflow_1910_1920}) => [+STATE_FIPS, [STATE_NAME, +Inflow_1910_1920/+TotalFlow_1910_1920, +Outflow_1910_1920/+TotalFlow_1910_1920]])
statename = Array.from(csv_data.values(), d => d[1][0])
//this is how to take the values of a variable (column) from all variables you created from the csv file
inflowrate = Array.from(csv_data.values(), d => d[1][1])
outflowrate = Array.from(csv_data.values(), d => d[1][2])
//this is how you map the id column to the values. We will use this for joining with topojson later.
data = Object.assign(new Map(csv_data), {title: ["State", "Inflow Rate", "Outflow Rate"]})
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.
