Public
Edited
Apr 22, 2023
Insert cell
md`# My first exercise with my own data (Washington State)`
Insert cell
d3 = require("d3@5")
Insert cell
topojson = require("topojson-client@3")
Insert cell
counties = FileAttachment("County2010washWGS84.json").json()
Insert cell
counties_features = topojson.feature(counties, counties.objects.County2010washWGS84)
Insert cell
csv_data = d3.csvParse(await FileAttachment("County2010washWGS84.dbf.csv").text(),({COUNTYFP10, POPWHITE, POP10
, POPBLACK}) => [COUNTYFP10, +POPWHITE/+POP10])
Insert cell
countyfp10 = Array.from(csv_data.values(), d => d[0])
Insert cell
//this is how to take the values of a variable (column) from all variables you created from the csv file
whitepct = Array.from(csv_data.values(), d => d[1])
Insert cell
//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: ["Percentage of Population that is White"]})
Insert cell

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.
Learn more