2a:null 2b:["$","title",null,{"children":"BITCOIN NODES PER COUNTRY | Justin Matthew Newman | Observable"}] 31:T4d4,globeAi = { const containerWidth = width; const containerHeight = 500; const container = html`

`; yield container; const world = Globe() .width(containerWidth) .height(containerHeight)(container) .globeImageUrl( "//cdn.jsdelivr.net/npm/three-globe/example/img/earth-dark.jpg" ) .pointOfView({ altitude: 4 }, 5000) .polygonCapColor((feat) => "rgba(0, 200, 0, 0.6)") .polygonSideColor(() => "rgba(0, 100, 0, 0.2)") .polygonLabel( ({ properties: d }) => ` ${d.ADMIN} (${d.ISO_A2})
BTC Nodes: ${Math.round(+d.BTC_DEGREE)} ` ); // Auto-rotate world.controls().autoRotate = true; world.controls().autoRotateSpeed = 0.3; fetch( "https://raw.githubusercontent.com/JustinMatthewNewman/geoJson/main/earth.json" ) .then((res) => res.json()) .then((countries) => { world.polygonsData(countries.features); setTimeout( () => world .polygonsTransitionDuration(4000) .polygonAltitude((feat) => Math.max(0.1, Math.round(+feat.properties.BTC_DEGREE) * 7e-6) ), 3000 ); }); yield container; }32:T687,choropleth = { const containerWidth = width; const containerHeight = 500; const container = html`

`; yield container; const colorScale = d3.scaleSequentialSqrt(d3.interpolateRdYlGn); // GDP per capita (avoiding countries with small pop) const getVal = (feat) => feat.properties.BTC_DEGREE / Math.max(1e5, feat.properties.BTC_DEGREE); fetch( "https://raw.githubusercontent.com/JustinMatthewNewman/geoJson/main/earth.json" ) .then((res) => res.json()) .then((countries) => { const maxVal = Math.max(...countries.features.map(getVal)); colorScale.domain([0, maxVal]); const world = Globe() .width(containerWidth) .height(containerHeight)(container) .globeImageUrl( "//cdn.jsdelivr.net/npm/three-globe/example/img/earth-night.jpg" ) .polygonsData(countries.features) .polygonAltitude(0.06) .polygonCapColor((feat) => colorScale(getVal(feat))) .polygonSideColor(() => "rgba(0, 100, 0, 0.15)") .polygonStrokeColor(() => "#111"); world .polygonLabel( ({ properties: d }) => ` ${d.ADMIN} (${d.ISO_A2}):
GDP: ${d.GDP_MD_EST} M$
BTC Nodes: ${d.BTC_DEGREE} ` ) .onPolygonHover((hoverD) => world .polygonAltitude((d) => (d === hoverD ? 0.12 : 0.06)) .polygonCapColor((d) => d === hoverD ? "steelblue" : colorScale(getVal(d)) ) ) .polygonsTransitionDuration(300)(document.getElementById("globeViz")); }); yield container; }33:[] 2e:{"id":"1c107d7aa53478e6","slug":"bitcoin-nodes-per-country","title":"BITCOIN NODES PER COUNTRY","thumbnail":"c2835f60c66374bef05b62600ddf471fb1d094ccf1450b2a855d44af1d9b3298","access_level":"public","create_time":"$D2021-11-11T15:15:09.849Z","update_time":"$D2022-02-03T02:10:14.136Z","view_time":null,"first_public_time":"$D2021-11-16T00:39:44.519Z","fork":false,"stars":4,"starred":false,"owner":{"type":"team","id":"fff5ae5fc3e71272","login":"justinmatthewnewman","name":"Justin Matthew Newman","avatar_url":"https://avatars-next.observableusercontent.com/19fb5577bca9586fb5c80e2de82f69f08d2eb56b09d45a702b37efe07001951a","tier":"starter_2024"},"version":200,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"2c0d133857d21681","login":"justinmatthewnewman","name":"Justin Matthew Newman","avatar_url":"https://avatars-next.observableusercontent.com/19fb5577bca9586fb5c80e2de82f69f08d2eb56b09d45a702b37efe07001951a","tier":null}],"members":[{"type":"individual","id":"2c0d133857d21681","login":"justinmatthewnewman","name":"Justin Matthew Newman","avatar_url":"https://avatars-next.observableusercontent.com/19fb5577bca9586fb5c80e2de82f69f08d2eb56b09d45a702b37efe07001951a","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"subscribed":null,"forks":2,"collection":null,"type":"notebook","body":{"title":"BITCOIN NODES PER COUNTRY","cells":[{"id":0,"value":"# BITCOIN NODES PER COUNTRY\n","pinned":false,"hidden":false,"mode":"md"},{"id":16,"value":"$31","pinned":false,"hidden":false,"mode":"ojs"},{"id":3,"value":"$32","pinned":false,"hidden":false,"mode":"ojs"},{"id":102,"value":"BTC NETWORK","pinned":false,"hidden":false,"mode":"md"},{"id":122,"value":"{\n const containerWidth = width;\n const containerHeight = 500;\n const container = html`

`;\n yield container;\n\n // Gen random data\n const N = 80;\n const arcsData = [...Array(N).keys()].map(() => ({\n startLat: 35.0,\n startLng: 105.0,\n endLat: 38.0,\n endLng: 277.0,\n color: [\n [\"green\", \"green\", \"blue\", \"green\"][Math.round(Math.random() * 3)],\n [\"green\", \"green\", \"blue\", \"green\"][Math.round(Math.random() * 3)]\n ]\n }));\n Globe()\n .globeImageUrl(\n \"//cdn.jsdelivr.net/npm/three-globe/example/img/earth-night.jpg\"\n )\n .arcsData(arcsData)\n .arcColor(\"color\")\n .arcDashLength(() => Math.random())\n .arcDashGap(() => Math.random())\n .arcDashAnimateTime(() => Math.random() * 4000 + 500)\n .width(containerWidth)\n .height(containerHeight)(container);\n\n yield container;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":107,"value":"Special Thanks to David B. for providing the elegant framework for this project. https://davidb.dev/","pinned":false,"hidden":false,"mode":"md"},{"id":110,"value":"Data visualization engineer","pinned":false,"hidden":false,"mode":"md"},{"id":7,"value":"Globe = require(\"globe.gl\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":100,"value":"indexBy = require(\"index-array-by\")","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W33","stdlib":"1","titling":"auto"}} 2f:"$2e:body"