Alex

@alexpdev·2 public vizzes

Untitled

An interactive visualization of pathfinding around circular obstacles. It displays a set of draggable circles as obstacles and computes a path between two points, using A* search on a graph where nodes are tangent points on circle boundaries and edges are either "surfing" (straight line segments) or "hugging" (arcs along a circle's circumference). The graph includes bitangent lines between circle pairs. The Vue.js application renders the scene as an SVG, using custom vector math functions for geometric calculations and drag-and-drop interaction.

May 27, 2023

Loading thumbnail…

BarChart

This bar chart displays the top 10 most populous countries for 2020, using horizontal bars where length encodes population. A React app renders SVG elements, with axes generated from D3’s `scaleBand` and `scaleLinear`. The chart includes a bottom axis for population values and a left axis for country names, though the README notes it is a “pathetic bar chart with no axes” despite the code drawing them. Data comes from the United Nations World Population Prospects 2019, loaded via `d3.csv`.

May 26, 2023