Interested in data visualisation, maps, JavasScript, and geology
Published
Edited
Oct 26, 2020
vega.projection('geoAlbersUsaPr', geoAlbersUsaPr);
map('geoAlbersUsaPr')
map = function(projname) {
return plot({
"$schema": "https://vega.github.io/schema/vega/v3.json",
"width": 900,
"height": 500,
"autosize": "none",
"data": [
{
"name": "states",
"values": us,
"format": {
"type": "topojson",
"feature": "states"
}
},
{
"name": "counties",
"values": us,
"format": {
"type": "topojson",
"feature": "counties"
}
}
],
"projections": [
{
"name": "projection",
"type": projname
}
],
"marks": [
{
"type": "shape",
"from": {"data": "counties"},
"encode": {
"update": {
"stroke": {"value": "#aaa"},
"strokeWidth": {"value": "0.5"}
}
},
"transform": [
{ "type": "geoshape", "projection": "projection" }
]
},
{
"type": "shape",
"from": {"data": "states"},
"encode": {
"update": {
"stroke": {"value": "#000"},
"strokeWidth": {"value": "1"}
}
},
"transform": [
{ "type": "geoshape", "projection": "projection" }
]
}
]
}
);
}
import { geoAlbersUsaPr, us } from "@d3/u-s-map-with-puerto-rico"
us
import { plot } from '@vega/vega-plot'
vega = await require('vega')
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.
