Top 10 tartarus.org Competitors

streetpea.github.io

User github pages site

shivi.io

Software engineer in Zurich focused on resilient systems, security and high-performance infrastructure.

fdossena.com

Federico Dossena's website, projects and blog.

akashrajpurohit.com

Hi!, I'm Akash Rajpurohit, a self taught software developer based in India. I specialize in developing web applications and cross platform mobile applications using modern technologies.

sheeptester.github.io

A directory of some things I made.

brandonfowler.me

A catalog of projects developed by Brandon Fowler.

nathanfriend.com

A quick note for context: this post was stolen from a portfolio site I built a few years back. It’s about my side project Inspiral Web. An example of some squiggles generated by Inspiral Web. Inspiral Web began as an entertaining and nostalgic way to familiarize myself with D3.js and TypeScript. It quickly grew to be one of the most ambitious personal projects I’ve attempted. Inspiral Web forced me to get creative with the mechanics of the user interface; it was of the utmost importance that manipulating the gears was a tangible, physical, and effortless experience. Generating the gears The simplest way to generate the gear visuals would have been to create a series of .PNGs, one for each available size. However, I wanted the flexibility to easily create new gear sizes in the future (and potentially let users create custom gears). This meant programmatically assembling SVG command strings into an SVG path that described the gear’s toothy perimeter. To accomplish this, I had to dust off some of the trigonometry I hadn’t touched since 10th grade Geometry. The result was rather headache-inducing, but ultimately allowed for a great deal of flexibility down the road. Here’s an example of the 30-tooth gear, one of the smaller gear options: Creating new gears is as simple as passing D3 a new GearOptions object that specifies the gear’s radius, tooth count, and number of holes to punch out of the body of the gear. Working with paths Under the surface, Inspiral Web assembles its SVG definitions by concatenating string after string of command definitions that describe each angle and line of the gear. In order to avoid directly manipulating strings, I wrote a few simple utility objects to wrap the SVG creation process in a compile-time safety net. So instead of doing this: var svg='M ' + options.radius + ' 0 '; for (var i=0; i < options.toothCount; i++) { svg += 'A' + options.radius + ' ' + options.radius + ' ' + 0 + ' ' + 0 + ' ' + 1 + ' ' + newX + ' ' + newY; // etc.... }