✒️ A gallery of experiments with Scalable Vector Graphics (SVG) and interactive visualizations.

Front-end multi-page static website built with Gatsby.js, React.js, Styled Components (for CSS-in-JS) and fine-tuned with Gatsby-specific SEO optimizations and Progressive Web App (PWA) capability. Site hosted on Netlify.

A scalable scatter plot depicting the 35 fastest race times up Alpe d'Huez, filtered by riders with and without doping allegations. Tooltip included for precise data.

A scalable bar chart depicting United States GDP growth by quarter from 1947-2015. Tooltip included for precise data.

An offline web application that dual converts PNG images🡘SVG diagrams using client-side JavaScript.

A live health check dashboard that renders a bar chart of the last 10 response times of GET requests to an API, updated every second. Built with React, and plain JavaScript and CSS.

A scalable heat map depicting monthly global land-surface temperature from 1753-2015. Tooltip included for precise data.

A scalable choropleth map depicting the percentage of adults 25+ with a bachelor's degree or higher, from 2010-2014. Tooltip included for precise data.

A scalable treemap diagram depicting the top 100 most sold video games, grouped by platform. Tooltip included for precise data.

A custom interactive map for Lillklobb Permaculture Project