The avatar for @info474
Spring 2020 Info Vis
UW iSchool Course INFO 474: focused on designing and building visualizations to better understand and communicate about pressing issues.
Published
Edited
May 26, 2020
Fork of Maps
2
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
render_data_table(raw_data.slice(0, 10))
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
data_map = new Map(state_data.map(d => [d.state, d.car_traded]))
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
md`Avilable source for Grid cartograpm feel like a whole different system. Would make it easier if we can touch on that`
Insert cell
Insert cell
Insert cell
Insert cell
d3 = require("d3@5")
Insert cell
//download source: https://www.kaggle.com/doaaalsenani/usa-cers-dataset
raw_data = d3.csvParse(
await FileAttachment("USA_cars_datasets.csv").text(),
d3.autoType
)
Insert cell
Insert cell
Insert cell
Insert cell
path = d3.geoPath()
Insert cell
topojson = require("topojson-client@3")
Insert cell
us = FileAttachment("counties-albers-10m.json").json()
Insert cell
format = d3.format(",.0f")
Insert cell
max_car_traded = d3.max(state_data, d => d.car_traded)
Insert cell
height = 610
Insert cell
width = 975
Insert cell
import {
precomputeGeoPairs,
computeGridMapMetricsWithGeoPairs,
loadCSVGridMap
} from "@severo/grid-map-quality-criteria"
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