Plot.plot({
projection: {
type: "mercator",
domain: {type: "MultiPoint", coordinates: [[-124.5, 32.4], [-114, 42.1]]}
},
width: 500,
height: 420,
style: {background: "transparent"},
marks: [
Plot.geo(
topojson.feature(ca_states, ca_states.objects.states).features.find(d => +d.id === 6),
{fill: "#e8eef8", stroke: "#b0bbcc", strokeWidth: 0.8}
),
Plot.dot(uc_network_campuses, {
x: d => d.lon,
y: d => d.lat,
r: 10,
fill: "#ff9100",
stroke: "white",
strokeWidth: 1.8,
tip: true,
title: d => d.name
}),
Plot.text(uc_network_campuses, {
x: d => d.lon,
y: d => d.lat,
text: d => d.short,
dy: -18,
fontSize: 13,
fontWeight: "bold",
fill: "#1f335e",
stroke: "white",
strokeWidth: 3
})
]
})