Vasco Asturiano
@vasturiano.bsky.social
29 followers
67 following
91 posts
Empowering humans, one pixel at a time. #ux #dataviz
https://github.com/vasturiano
https://observablehq.com/@vasturiano
Posts
Media
Videos
Starter Packs
Vasco Asturiano
@vasturiano.bsky.social
Β· Mar 13
Quad Pong
A quadrilateral self-version of the Pong classic game. Uses the d3-force simulation engine and custom forces to handle the collision and bounce between balls (d3.forceBounce) and with the paddles (d3.forceSurface). Click-drag to control the paddles' horizontal and vertical positions. Each time a ball bounces on a paddle you get 1 point. Each time it goes off screen you lose 2 points. Use the top-left +/- buttons to add/remove balls from the system. DOM manipulation State Force Simulation Settings Components
observablehq.com
Vasco Asturiano
@vasturiano.bsky.social
Β· Mar 13
COVID-19 Bar Chart Race
Cases per Million People Data sourced from the John Hopkins University - Coronavirus Resource center, fetched via the Novel COVID API. Major credit to Mike Bostock for his wonderful Bar Chart Race tutorial and code. Settings Data Sourced from https://github.com/NovelCOVID/API Bar Chart Code Dependencies
observablehq.com
Vasco Asturiano
@vasturiano.bsky.social
Β· Mar 13
Remote work, regional lockdowns and migration of Internet usage
As a large portion of Internet access shifted from office-focused areas, like city centers and business parks, towards more residential areas like suburbs and outlying towns, we wanted to find out just precisely how broad this geographical traffic migration was.
blog.cloudflare.com
Vasco Asturiano
@vasturiano.bsky.social
Β· Mar 13
Coronavirus (COVID-19) Globe
Latest data regarding Corona Virus cases, provided by the World Health Organization. Available in API form via https://github.com/NovelCOVID/API. Plotted using globe.gl. Style Settings Data Logs Dependencies
observablehq.com
Vasco Asturiano
@vasturiano.bsky.social
Β· Mar 13
Vasco Asturiano
@vasturiano.bsky.social
Β· Mar 13
Project Galileo: Lessons from 5 years of protecting the most vulnerable online
Today is the 5th anniversary of Cloudflare's Project Galileo. Through the Project, Cloudflare protectsβat no costβnearly 600 organizations around the world engaged in some of the most politically and artistically important work online.
blog.cloudflare.com
Vasco Asturiano
@vasturiano.bsky.social
Β· Mar 13
The Climate and Cloudflare
Power is the precursor to all modern technology. James Wattβs steam engine energized the factory, Edison and Teslaβs inventions powered street lamps, and now both fossil fuels and renewable resources power the trillions of transistors in computers and phones.
blog.cloudflare.com
Vasco Asturiano
@vasturiano.bsky.social
Β· Mar 13
Vasco Asturiano
@vasturiano.bsky.social
Β· Mar 13
Currency Horizon Chart
A stacked-series Horizon chart showing the USD exchange rate of currencies over time. Blue represents a rate that is higher than the latest, and red a lower one. Using a higher number of horizon division bands (12 in this example) reveals a heatmap-like view, specially with the small vertical space available to each series. Built using the reusable component hilbert-timeseries-chart. Data sourced from https://www.bis.org/statistics/xrusd.htm. Data Dependencies
beta.observablehq.com