✒️ 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 heat map depicting monthly global land-surface temperature from 1753-2015. Tooltip included for precise data.

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.

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

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

Adobe Illustrator is an industry-leading vector graphics software

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

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.