Public
Edited
Apr 5, 2023
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
height = 610
Insert cell
width = 975
Insert cell
Insert cell
path_points = d3.geoPath().projection(projection)
Insert cell
path_basemap = d3.geoPath().projection(projection)
Insert cell
projection = d3.geoAlbers()
Insert cell
format = d3.format(".2s")
Insert cell
sizeArrayForLegend = Array.from(radiusArray, d=>Math.PI*Math.pow(d, 2))
Insert cell
//proportional symbols
//radius = d3.scaleSqrt([0, d3.max(attribute)], [0, 30])
Insert cell
radius = d3.scaleThreshold()
.domain(naturalbreaks)
.range(radiusArray)
Insert cell
radiusArray = [3, 9, 23, 40]
Insert cell
circleLabels = Array.from(naturalbreaks, d=> format(Math.pow(d, 2)))
Insert cell
circleLabels1 = Array.from(naturalbreaks, d=> format(Math.pow(d, 2)))
Insert cell
Insert cell
colors = d3.scaleThreshold()
.domain(naturalbreaks)
.range(YlOrRd)
Insert cell
YlOrRd = ["#f2f0f7", "#cbc9e2", "#9e9ac8", "#6a51a3"]
Insert cell
naturalbreaks = simple.ckmeans(attribute, 4).map(v => v.pop())
Insert cell
naturalbreaks1 = simple.ckmeans(attribute1, 4).map(v => v.pop())
Insert cell
d3.max(attribute1)
Insert cell
attribute = Array.from(points.features, d=>Math.sqrt(d.properties[attributeName]))
Insert cell
attribute1 = Array.from(points.features, d=>Math.sqrt(d.properties[attributeName1]))
Insert cell
attributeName = "BLACK"
Insert cell
attributeName1 = "ASIAN"
Insert cell
idName = "STATE_NAME"
Insert cell
Insert cell
//import the point data (geojson)
points = FileAttachment("states_48_points.geojson").json()
Insert cell
//import the polygon base map data
basepolygons = FileAttachment("states_simple.json").json()
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
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