Canvas Infinity & Circle Mouse
Pet project exploring HTML Canvas and JavaScript animations, drawing an infinity curve and a circle following the mouse.
JavaScriptHTML CanvasAnimation
December 4, 2024 - David Oyinbo
Country flags and currency package
Type-safe country and currency data with handy helpers for distances and lookups.
TypeScriptLibraryNPMGeographyCurrency
Overview
Provides countries, currencies, flags (unicode + SVG), capitals, dial codes, and simple geospatial utilities like distances and closest/farthest country queries. Zero dependencies and ships with TypeScript types.
Highlights
Data + Types
- Strong TS types for Country, Currency, and Location
- Country flags (unicode + SVG), capitals, dial codes
- Handy methods: getCurrencies, getCountries, getCountriesBy, distanceBetweenLocations
Zero dependencies
- Lightweight and tree-shakeable
- Works via ESM import or CDN bundle
- MIT-licensed
Minimal usage
import CountryAndCurrency from "@workmate/country-and-currency";
// Look up a currency by code
const mxn = CountryAndCurrency.getCurrencyBy("code", "MXN");
console.log(mxn?.symbol); // $
Other Projects
Canvas Gravity Balls
Pet project simulating bouncing balls with gravity, collisions, and elasticity on HTML Canvas.
JavaScriptHTML CanvasPhysics
Canvas Random Floating Circle
Pet project animating randomly floating circles on HTML Canvas with simple drift and easing.
JavaScriptHTML CanvasAnimation