Sign in

Vasco Asturiano

@vasturiano.bsky.social
38 followers 67 following 91 posts

Empowering humans, one pixel at a time. #ux #dataviz github.com/vasturiano observablehq.com/@vasturiano

PostsRepliesMedia
Vasco Asturiano @vasturiano.bsky.social · 16/03/2025
Simulation of attraction-of-opposites particles. 🧲 #usetheforce
observablehq.com
Plasma
Simulation of attraction-of-opposites particles, similar to the interaction between protons and electrons. Uses D3's force plugin forceMagnetic to simulate the asymmetrical attraction/repulsion of obj...
130
Vasco Asturiano @vasturiano.bsky.social · 13/03/2025
Force simulation of orbit paths around a binary star system. ☀️🌑🌌 observablehq.com/@vasturiano/... #usetheforce #d3js #spaceistheplace
observablehq.com
Binary Star System
A simulation of orbital trajectories using the d3-force simulation engine with the gravity-like d3-force-magnetic attraction force. By default the layout represents a binary system. All the stars (red...
020
Vasco Asturiano @vasturiano.bsky.social · 12/02/2023
Game of Pong? observablehq.com/@vasturiano/quad-p… #usetheforce #pong #d3js
observablehq.com
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
010
Vasco Asturiano @vasturiano.bsky.social · 07/11/2020
Update on the state of RPKI. Great read from @lpoinsig including some of my data visualizations! 😎 blog.cloudflare.com/rpki-2020-fall-…
blog.cloudflare.com
The Internet is Getting Safer: Fall 2020 RPKI Update
The cap of two hundred thousand routing cryptographic records was recently passed. We thought it was time for an update on a major year for RPKI.
030
Vasco Asturiano @vasturiano.bsky.social · 11/06/2020
Check out the latest stats on #COVID19 cases per country. 📊 observablehq.com/@vasturiano/covid-…
010
Vasco Asturiano @vasturiano.bsky.social · 02/06/2020
If anyone wants to get their mind off things, here are the locations we've landed on another celestial body. #keeplookingup observablehq.com/@vasturiano/moon-l…
observablehq.com
Moon Landing Sites
Mapping the sites of various moon landing locations. Colored by Space Agency. Plotted using globe.gl. Style Settings Data Dependencies
000
Vasco Asturiano @vasturiano.bsky.social · 24/04/2020
Current recovery state of countries with #COVID19. Check out the animated version at observablehq.com/@vasturiano/covid-… 😷 #StayHome
000
Vasco Asturiano @vasturiano.bsky.social · 20/04/2020
Animated evolution of #COVID19 cases, normalized by country population, since January till the present. #barchartrace 📊 observablehq.com/@vasturiano/covid-…
observablehq.com
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
000
Vasco Asturiano @vasturiano.bsky.social · 11/04/2020
Visual analysis on the effect of #ShelterInPlace and regional #lockdowns on Internet usage patterns, as seen from @Cloudflare. Have a read! #COVID__19 #StayAtHome blog.cloudflare.com/remote-work-reg…
blog.cloudflare.com
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.
000
Vasco Asturiano @vasturiano.bsky.social · 27/03/2020
Some #DataVisualization I had the pleasure of working on recently, showing Internet usage changes in inner cities, due to #COVID19. tek.io/2QPbtDL.
tek.io
Digital Health and Wellness | TechRepublic
000
Vasco Asturiano @vasturiano.bsky.social · 12/03/2020
Globe visualization of #coronavirus cases, using latest data from the #WorldHealthOrganization. 🌎https://observablehq.com/@vasturiano/corona-virus-covid-19-globe
observablehq.com
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
000
Vasco Asturiano @vasturiano.bsky.social · 25/09/2019
Great fun last night at the @D3BayArea meetup! Had the opportunity to show globe.gl. 🌐🌎😎 #d3js x.com/micahstubbs/status/1176701907…
globe.gl
Globe.GL
UI component for Globe Data Visualization using ThreeJS/WebGL
000
Vasco Asturiano @vasturiano.bsky.social · 26/08/2019
First day of #d3unconf Chicago!! 😎
000
Vasco Asturiano @vasturiano.bsky.social · 08/07/2019
There certainly has been some seismic activity in central Cal recently... vasturiano.github.io/globe.gl/examp…
000
Vasco Asturiano @vasturiano.bsky.social · 19/06/2019
Lesson #1 in Data Visualization: LYFA (Label Your F**in Axes). 📊 #datavis #lyfa
000
Vasco Asturiano @vasturiano.bsky.social · 12/06/2019
Project Galileo: Lessons from 5 years of protecting the most vulnerable online blog.cloudflare.com/project-galileo… via @cloudflare
blog.cloudflare.com
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.
000
Vasco Asturiano @vasturiano.bsky.social · 10/06/2019
Look at that! #hologram of github.com/vasturiano/3d-force-graph inside a Looking Glass! Awesome work @neverlastn. 👏😎 #usetheforce x.com/neverlastn/status/11379994312…
github.com
GitHub - vasturiano/3d-force-graph: 3D force-directed graph component using ThreeJS/WebGL
3D force-directed graph component using ThreeJS/WebGL - vasturiano/3d-force-graph
000
Vasco Asturiano @vasturiano.bsky.social · 07/06/2019
Globe.gl is here! 🌍 A JS framework for Globe data visualization. Check it out! 😎 github.com/vasturiano/globe.gl
globe.gl
Globe.GL
UI component for Globe Data Visualization using ThreeJS/WebGL
000
Vasco Asturiano @vasturiano.bsky.social · 25/04/2019
The Climate and Cloudflare blog.cloudflare.com/the-climate-and… via @cloudflare
blog.cloudflare.com
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.
000
Vasco Asturiano @vasturiano.bsky.social · 20/02/2019
Playing with BGP updates #visualization using #RIS-live at #NANOG75. It's a fantastic RIS feature! 👏😎 github.com/vasturiano/ris-live-viz
000
Vasco Asturiano @vasturiano.bsky.social · 05/02/2019
Ever need a Spiral Axis to visualize your data? Grab yours today with d3-radial-axis: github.com/vasturiano/d3-radial-axis. 🐚😎#d3 #archimedean #spiral #axis beta.observablehq.com/@vasturiano/s…
github.com
GitHub - vasturiano/d3-radial-axis: A radial implementation of the D3 axis component
A radial implementation of the D3 axis component. Contribute to vasturiano/d3-radial-axis development by creating an account on GitHub.
000
Vasco Asturiano @vasturiano.bsky.social · 17/01/2019
Brilliant!! Can you see it?😵 x.com/_Kcnarf/status/10852141177518…
000
Vasco Asturiano @vasturiano.bsky.social · 21/12/2018
Horizon charts are not very commonly seen, but they can be very useful to represent dense information in tight vertical spaces, specially with time-series. Here's the evolution of currency prices since 1970: beta.observablehq.com/@vasturiano/c…
beta.observablehq.com
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
000
Vasco Asturiano @vasturiano.bsky.social · 09/12/2018
When you're weird and use #d3js to print your Xmas decoration. 🎄🎄🎄https://bl.ocks.org/vasturiano/0c0756681a4a4b3e802942a90fbf442c
bl.ocks.org
Xmas tesselation
Xmas tesselation. GitHub Gist: instantly share code, notes, and snippets.
000
Vasco Asturiano @vasturiano.bsky.social · 16/11/2018
Current view of #RPKI ~18k certs (blue) and ~11k ROAs (red) on a #Hilbert curve, for whole IPv4 space and 2001::/16 IPv6. Credit to @lpoinsig for scraping the data.
000
Vasco Asturiano @vasturiano.bsky.social · 23/10/2018
Cloudflare launches Peering Portal! blog.cloudflare.com/cloudflare-peer… via @cloudflare
blog.cloudflare.com
Cloudflare Peering Portal - Beta
Cloudflare launches Peering Portal - Beta to allow network operators and hosting providers to explore transit savings, performance benefits and traffic Management opportunities for peering with Cloudflare or hosting a node
000
Vasco Asturiano @vasturiano.bsky.social · 24/07/2018
Very cool integration of 3d-force-graph with #neo4j. 😍 Thanks @mesirii for the awesome write-up and all the cool examples! #usetheforce x.com/mesirii/status/10215125032710…
000
Vasco Asturiano @vasturiano.bsky.social · 24/05/2018
Watch the daily swing of Earth's #geosynchronous #satellites as they hover around the equatorial plane. #d3js #roundandround bl.ocks.org/vasturiano/9bdeddb97d5c…
bl.ocks.org
Geostationary Satellites
Geostationary Satellites. GitHub Gist: instantly share code, notes, and snippets.
000
Vasco Asturiano @vasturiano.bsky.social · 21/05/2018
Animated Voronoi diagram of #earth's artificial #satellites projected at their zenith coordinates. bl.ocks.org/vasturiano/59adce85e23f…
bl.ocks.org
Satellites Voronoi
Satellites Voronoi. GitHub Gist: instantly share code, notes, and snippets.
000
Vasco Asturiano @vasturiano.bsky.social · 21/05/2018
Ever wondered how much metal we put up in the skies? Here's a view of the motion of artificial #satellites orbiting around #earth. #roundandround bl.ocks.org/vasturiano/818f5fa0f91f…
bl.ocks.org
Earth Satellites
Earth Satellites. GitHub Gist: instantly share code, notes, and snippets.
000
Vasco Asturiano @vasturiano.bsky.social · 22/04/2018
Mapping the #d3js community, from #blocks examples references! Wonderful to see it grow so much the past few years (to the point that it makes its visualization challenging 😮😉). bl.ocks.org/vasturiano/321a770c3f4b… #usetheforce
bl.ocks.org
Blocks Users
Blocks Users. GitHub Gist: instantly share code, notes, and snippets.
000
Vasco Asturiano @vasturiano.bsky.social · 02/04/2018
Introducing 1.1.1.1 from @Cloudflare, the fastest DNS resolver in the world! one.one.one.one #1dot1dot1dot1
000
Vasco Asturiano @vasturiano.bsky.social · 22/03/2018
Want to make force-direct graphs in React? Check out the new #React bindings of #forcegraph. github.com/vasturiano/react-force-g… Supports 2D, 3D and VR modes! #usetheforce
github.com
GitHub - vasturiano/react-force-graph: React component for 2D, 3D, VR and AR force directed graphs
React component for 2D, 3D, VR and AR force directed graphs - vasturiano/react-force-graph
000
Vasco Asturiano @vasturiano.bsky.social · 20/03/2018
As the world begs for more 3D, I'm finding comfort in rediscovering the old faithful 2D and its non occlusive ways. 🙂 Here's #forcegraph, a #2D (#canvas based) high-performance version of #3dforcegraph, for us old fashioned folk: github.com/vasturiano/force-graph. #flatland #usetheforce
github.com
GitHub - vasturiano/force-graph: Force-directed graph rendered on HTML5 canvas
Force-directed graph rendered on HTML5 canvas. Contribute to vasturiano/force-graph development by creating an account on GitHub.
100
Vasco Asturiano @vasturiano.bsky.social · 14/03/2018
Do you sometimes wish that interaction on Canvas would be a little easier? With canvas-color-tracker I try to take that pain away. t.co/EhvMa0D1UT. So that life can be (a little) easier! Here's hovering on 10k objects: t.co/PHFd10Gh6A
100
Vasco Asturiano @vasturiano.bsky.social · 13/03/2018
Woohoo, 3d-force-graph now supports dragging of nodes! Go on try it! 😎 vasturiano.github.io/3d-force-graph… #3dforcegraph #usetheforce #dragit
000
Vasco Asturiano @vasturiano.bsky.social · 08/02/2018
Make a 3D force-directed tree by fixing node hierarchy onto planes. #3d #graph #usetheforce bl.ocks.org/vasturiano/cb1a9862f223…
bl.ocks.org
3D Force-Directed Tree
3D Force-Directed Tree. GitHub Gist: instantly share code, notes, and snippets.
000
Vasco Asturiano @vasturiano.bsky.social · 08/01/2018
Finally got around to port the #RadialForce into the third dimension. Fun. @mbostock bl.ocks.org/vasturiano/bcfc5baa9e79… #HALopenthepodbaydoors #usetheforce
bl.ocks.org
3D Radial Force
3D Radial Force. GitHub Gist: instantly share code, notes, and snippets.
000
Vasco Asturiano @vasturiano.bsky.social · 23/11/2017
Thanks @supereruption for compiling the volcano data! Also, is there a way to distinguish which volcanoes are active?
000
Vasco Asturiano @vasturiano.bsky.social · 21/11/2017
Volcanoes meet Voronoi! #dataviz #volcanology #voronoi #urquhart bl.ocks.org/vasturiano/3c27138769a0…
bl.ocks.org
Volcanoes of the World
Volcanoes of the World. GitHub Gist: instantly share code, notes, and snippets.
000
Vasco Asturiano @vasturiano.bsky.social · 05/11/2017
Experience the joy of #hyperspace travel in VR! bl.ocks.org/vasturiano/b7c667a15e7e… #usetheforce #webvr #aframe
bl.ocks.org
VR Hyperspace
VR Hyperspace. GitHub Gist: instantly share code, notes, and snippets.
000
Vasco Asturiano @vasturiano.bsky.social · 24/09/2017
Slides from my #usetheforce talk at #d3unconf. slides.com/vasturiano/unconf2017
slides.com
Use the Force - d3.unconf 2017
A presentation created with Slides.
000
Vasco Asturiano @vasturiano.bsky.social · 19/09/2017
Introducing Kapsule: github.com/vasturiano/kapsule! Useful for building #d3js #reusable components. #dataviz #kapsule
github.com
GitHub - vasturiano/kapsule: Kapsule - A closure based Web Component library
Kapsule - A closure based Web Component library. Contribute to vasturiano/kapsule development by creating an account on GitHub.
000
Vasco Asturiano @vasturiano.bsky.social · 19/09/2017
Only three days to go until @d3unconf 2017! #CantWait #d3js #datavisualization
000
Vasco Asturiano @vasturiano.bsky.social · 18/07/2017
Force-directed simulation of the #solarsystem. #d3js #astroviz #usetheforce #gravity bl.ocks.org/vasturiano/54dd054d22be…
bl.ocks.org
Force-simulated Solar System
Force-simulated Solar System. GitHub Gist: instantly share code, notes, and snippets.
000
Vasco Asturiano @vasturiano.bsky.social · 09/07/2017
Simulate orbital trajectories using #d3js force engine. Getting ready for @d3unconf 2017! #usetheforce #gravity bl.ocks.org/vasturiano/2da88fb89cc7…
000
Vasco Asturiano @vasturiano.bsky.social · 28/06/2017
All the different ways one can #usetheforce. Check out the d3-force-registry. #d3js github.com/vasturiano/d3-force-regi…
github.com
GitHub - vasturiano/d3-force-registry: A curated compilation of plugins and all-things related to d3-force
A curated compilation of plugins and all-things related to d3-force - vasturiano/d3-force-registry
000
Vasco Asturiano @vasturiano.bsky.social · 22/06/2017
The Illusion of Speed: Nobody cares how fast your site is. Just how fast it feels. paulbakaus.com/tutorials/performanc… @pbakaus
000
Vasco Asturiano @vasturiano.bsky.social · 02/06/2017
Simulation of particle #accretion using #electrostatic forces. #d3js #usetheforce #attraction #magnetic #gravity bl.ocks.org/vasturiano/27fbd16d7e91…
bl.ocks.org
Accretion
Accretion. GitHub Gist: instantly share code, notes, and snippets.
000
Vasco Asturiano @vasturiano.bsky.social · 16/05/2017
D3 simulation of entropy between particles using #elastic #collisions. #d3js #force #bounce #thermodynamics bl.ocks.org/vasturiano/2992bcb530bc…
bl.ocks.org
Entropy
Entropy. GitHub Gist: instantly share code, notes, and snippets.
000