Public
Edited
Feb 12
Insert cell
md`# Geovisualization Assignment 1: Observable notebook tutorial`
Insert cell
d3 = require("d3@5")
Insert cell
topojson = require("topojson-client@3")
Insert cell
counties = FileAttachment("NewYork_county_2020_WGS84_V2.json").json()
Insert cell
county_features = topojson.feature(counties, counties.objects.NewYork_county_2020_WGS84)
Insert cell
csv_data = d3.csvParse(await FileAttachment("NewYork_2020_DATA@2.csv").text(),({COUNTY, HorLWht, countyTotalPop}) => [COUNTY, [+HorLWht, 100*+HorLWht/+countyTotalPop]])
Insert cell
//this is how to take the values of a variable (column) from all variables you created from the csv file
tableVariable = Array.from(csv_data.values(), d => d[1][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: ["Hispanic, ", "Pct of White Hispanics"]})
Insert cell
NewYork_county_2020_WGS84 = FileAttachment("NewYork_county_2020_WGS84_V2.json").json()
Insert cell
NewYork_2020_DATA@2.csv
Type Table, then Shift-Enter. Ctrl-space for more options.

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