Lunneberg Codes

My name is Peter Lunneberg and I code.

I have 10 years of experience working as a professional Full Stack Software Developer. I've spent all of that time continually learning new technologies, techniques, and trends.

While I don't consider myself much of a visual designer, I am capable of implementing any design, as long as it is physically possible to implement. This site is intended to act as a showcase of my software development skill.

In the navigation bar at the top of the page, you'll find links to examples I've created. They represent larger sets of functionality that were implemented as standalone applications.

Additionally, you will find smaller bits of functionality below. These include examples which don't quite warrant a whole page to themselves.

SVG Bubble Chart

This is a chart displaying the top 100 tags on Stack Overflow. The data driving the chart is updated every day via Stack Overflow's API. Each circle's radius corresponds to its tag's usage count scaled down to a more visually acceptable range. The positions of the circles are also randomized on load.

The chart is rendered as SVG generated by D3.js, one of the more popular Javascript charting libraries. I am somewhat neutral on Javascript libraries, as long as they don't become more trouble than they're worth. However, I prefer SVG for dynamically rendered graphics within a web page as opposed to Canvas based graphics.

In my opinion, the primary advantage of SVG is its existence within the DOM. This means it is both available for manipulation within a JS script and able to be styled with CSS, just like regular HTML. These two facts result in a level of flexibility and utility which I find lacking in Canvas based graphics.