ca_img
ca_img.name
ca_img = FileAttachment('california-crop.png')
rtranslate_y = (height - raster_height) / 2.0;
rtranslate_x = (width - raster_width) / 2.0;
raster_height = (b[1][1] - b[0][1]) * s;
raster_width = (b[1][0] - b[0][0]) * s;
t = [(width - s * (b[1][0] + b[0][0])) / 2.0, (height - s * (b[1][1] + b[0][1])) / 2.0]
s = 0.95 / Math.max((b[1][0] - b[0][0]) / width, (b[1][1] - b[0][1]) / height)
b = path.bounds(topojson.feature(ca, ca.objects.california));
countyBoundaries.bounds
path.bounds
projection = d3.geoMercator()
.scale(1)
.translate([0, 0])
// .parallels([37 + 4 / 60, 38 + 26 / 60])
// .rotate([120 + 30 / 60], 0)
//.fitSize([width, height], landArea)
ca_outlineFeats = topojson.feature(ca_outline, ca_outline.objects['cb_2015_california_county_20m'])
ca_outline = FileAttachment("california_06_counties.json").json()
countyBoundaries = topojson.mesh(ca, ca.objects.california)
ca = FileAttachment("california.json").json()
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.
