I'm a professor of mathematics at the University of North Carolina Asheville. I've also done a fair amount of consulting work over the years focusing on scientific and data visualization.
I'm happy to be part of the first Observable Ambassador's cohort.
map = {
let w = 900;
let h = 500;
let svg = d3
.create("svg")
.attr("viewBox", [0, 0, w, h])
.attr("width", "100%")
.style("max-width", `${w}px`);
let proj = d3.geoEqualEarth().fitSize([w, h], geojson);
let path = d3.geoPath().projection(proj);
let map = svg.append("g");
let state_group = map.append("g");
state_group
.selectAll("path.state")
.data(geojson.features)
.join("path")
.attr("d", path)
.attr("stroke", "white")
.attr("stroke-width", "1")
.attr("fill", (d) =>
iguana_data.map((o) => o.Importer).indexOf(d.properties.ISO_A2) > -1
? "#D7B895"
: "lightgray"
)
.append("title")
.text((d) => d.properties.ISO_A2);
return svg.node();
}
geojson = topojson.feature(topo, topo.objects.countries)
topo = FileAttachment("countries.json").json()
url = FileAttachment("countries.json").url()
iguana_data = FileAttachment("iguana.csv").csv()
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.
